2016-07-12 2 views
1

サンプルAngularJSアプリケーションにng-appタグを追加しようとしています。ng-app名を追加しようとすると、アプリケーションで期待される出力が得られません

このng-app="myapplication"のような名前を追加しようとすると、Webページが機能しなくなります。以下に示すように、Helloの後に入力ボックスに入力した名前を表示することになっています。

enter image description here

サンプルコード:

<!DOCTYPE html> 
<html lang="en" > 
<head> 
    <meta charset="UTF-8"> 
    <title>First App</title> 
    <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
</head> 
<body ng-app="myapplication"> 
    <h1>Sample AJS</h1> 
    <div > 
     <p>Enter your Name : <input type="text" ng-model="name"></p> 
     <p>Hello <span ng-bind = "name"></span> !</p> 
    </div> 
</body> 
</html> 

私はng-app=""ng-app="myapplication"を交換した場合、それが期待される出力を提供します。

私は​​と

<!DOCTYPE html> 
<html ng-app="myapplication" > 

ng-appを使用してみましたが、Webページが間違って行くことができるものng-app

に名前を与えた場合、テキストボックスに入力した名前に移入されていません。どんな助けもありがとう!

IDE:WebStorm2016.2
OS:Windows 7の

はEDIT:
app.js

'use strict'; 

// Declare app level module which depends on views, and components 
angular.module('myApp', [ 
    'ngRoute', 
    'myApp.view1', 
    'myApp.view2', 
    'myApp.version' 
]). 
config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) { 
    $locationProvider.hashPrefix('!'); 

    $routeProvider.otherwise({redirectTo: '/view1'}); 
}]); 
+0

htmlファイルにあなたのapp.jsファイルをインクルードしてみ? Ng-appはあなたのモジュールの名前を指します。 – hsiung

+0

あなたのコントローラコードと他のjsのものはどこですか? – Rakeschand

+0

@hsiung私はapp.jsコード – Stallion

答えて

1

<div ng-app="myApp">でMyApp]モジュールへの参照がangular.module('myApp', [])からです。だから、あなたは「あなたのモジュールの名前は、HTML LETの角度でのNGアプリを置く。あなたは、この場合、あなたの最初の引数、 『て、myApp』としてそれに与えるものは何でもある@hsiung commented-

としてng-app="myApp"の代わりng-app="myapplication"を使用して得ましたどのアプリケーションをメインのアプリケーションモジュールとして使用したいかを知っています。どのアプリケーションを使用するかを知る方法は、名前を突き合わせることです。そうでなければ、それを見つけることができません。

もっとここng-app

1

説明は、あなたのjavascriptを投稿することができます

<script src="path/to/app.js"></script> 
関連する問題