尝试添加ng-app名称不会在Application中给出预期的输出

debugcn 发表于 Dev

斯里哈里

我正在尝试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"为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'});
}]);

耻辱

中对myApp模块的引用<div ng-app="myApp">来自angular.module('myApp', [])。因此，您必须使用ng-app="myApp"而不是ng-app="myapplication"@ @hsiung注释-

“模块的名称是您作为第一个参数提供给它的名称，在本例中为'myApp'。将ng-app放在html中让我们知道要使用哪个模块作为主应用程序模块。知道的方式您想要的是通过匹配名称来实现的，否则它将无法找到它。”

该应用的更多说明

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。