サンプルAngularJSアプリケーションにng-app
タグを追加しようとしています。ng-app名を追加しようとすると、アプリケーションで期待される出力が得られません
このng-app="myapplication"
のような名前を追加しようとすると、Webページが機能しなくなります。以下に示すように、Helloの後に入力ボックスに入力した名前を表示することになっています。
サンプルコード:
<!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'});
}]);
htmlファイルにあなたのapp.jsファイルをインクルードしてみ? Ng-appはあなたのモジュールの名前を指します。 – hsiung
あなたのコントローラコードと他のjsのものはどこですか? – Rakeschand
@hsiung私はapp.jsコード – Stallion