Angularjs 尝试添加ng应用程序名称不会在应用程序中提供预期的输出
我正在尝试在示例AngularJS应用程序中添加一个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
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>