1

我正在尝试ng-app在我的示例 AngularJS 应用程序中添加一个标签。

每当我尝试添加这样的名称ng-app="myapplication"时，网页就会停止工作。它应该在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" >

但如果为ng-app

可能出了什么问题。任何帮助表示赞赏！

IDE：WebStorm2016.2
操作系统：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

对 myApp 模块的引用<div ng-app="myApp">来自angular.module('myApp', []). 所以你必须使用ng-app="myApp"而不是 ng-app="myapplication"@hsiung 评论 -

“你的模块的名称是你给它的第一个参数，在这种情况下是'myApp'。把ng-app放在html中让我们从角度知道你想用哪个模块作为主应用程序模块。它知道的方式你要哪一个是通过名字来匹配的，否则它会找不到的。”

更多解释在这里ng-app

于 2016-07-12T13:10:54.160 回答
1

尝试将您的 app.js 文件包含到 html 文件中

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