Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 尝试添加ng应用程序名称不会在应用程序中提供预期的输出_Angularjs_Html_Ng App - Fatal编程技术网

Angularjs 尝试添加ng应用程序名称不会在应用程序中提供预期的输出

Angularjs 尝试添加ng应用程序名称不会在应用程序中提供预期的输出,angularjs,html,ng-app,Angularjs,Html,Ng App,我正在尝试在示例AngularJS应用程序中添加一个ng应用程序标记 每当我尝试添加这样的名称时,网页就会停止工作。它应该在Hello之后打印输入框中输入的名称,如下所示。 示例代码: <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>First App</title> <script src = "h

我正在尝试在示例AngularJS应用程序中添加一个
ng应用程序
标记

每当我尝试添加这样的名称时,网页就会停止工作。它应该在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应用程序提供名称,则网页不会填充文本框中输入的名称

可能出了什么问题。感谢您的帮助

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模块的引用来自
angular.module('myApp',[])
。所以你必须使用
ng app=“myApp”
而不是@hong评论的
ng app=“myapplication”

“模块的名称是您作为第一个参数给它的任何名称,在本例中为‘myApp’。将ng app放入html中,让我们知道您想要用作主应用程序模块的模块。它知道您想要哪个模块的方法是通过匹配名称,否则它将无法找到。”


此处有更多说明

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

<script src="path/to/app.js"></script>


你能发布你的javascript吗?Ng app指的是你模块的名称。你的控制器代码和其他js东西在哪里?@Xiang我用app编辑了这个问题。js codeng app应该是
Ng app=“myApp”
而不是
Ng app=“myapplication”
Rakeschand是正确的。模块的名称是作为第一个参数指定的名称,在本例中为“myApp”。将ng应用程序放在html中,让我们知道您希望将哪个模块用作主应用程序模块。它知道你想要哪一个的方法是通过匹配名字,否则它将无法找到它。
<script src="path/to/app.js"></script>