1

ng-appサンプル AngularJS アプリケーションにタグを追加しようとしています。

このような名前を追加しようとすると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="myapplication"to を置き換えるとng-app=""、期待される出力が得られます。

とを使っng-appてみました<div ng-app="myapplication">

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

しかし、Web ページに名前を付けると、テキスト ボックスに入力された名前が Web ページに入力されません。ng-app

何がうまくいかない可能性があります。どんな助けでも大歓迎です!

IDE: WebStorm2016.2
OS: Windows 7

編集:
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'});
}]);
4

2 に答える 2

1

app.js ファイルを html ファイルにインクルードしてみてください

<script src="path/to/app.js"></script>
于 2016-07-12T13:19:55.890 に答える
1

の myApp モジュールへの参照<div ng-app="myApp">は fromangular.module('myApp', [])です。@hsiungがコメントしたAs ng-app="myApp"の代わりに 使用する必要があります-ng-app="myapplication"

「モジュールの名前は、最初の引数として指定したものです。この場合は「myApp」です。ng-app を html に配置すると、どのモジュールをメイン アプリケーション モジュールとして使用するかを angular に認識させることができます。どちらが欲しいかは、名前を一致させることです。そうしないと、それを見つけることができません。」

詳細はこちらng-app

于 2016-07-12T13:10:54.160 に答える