Javascript 角度js绑定表达式不显示值_Javascript_Angularjs

Javascript 角度js绑定表达式不显示值

javascript angularjs

Javascript 角度js绑定表达式不显示值,javascript,angularjs,Javascript,Angularjs,index.html页面如下所示 <!DOCTYPE html> <html ng-app> <head> <script type="text/javascript" src="/js/script.js"/> <script data-require="angular.js@*" data-semver="1.3.0-beta.14" src="http://code.angularjs.org/1.3.0-beta.14/angular

index.html页面如下所示

<!DOCTYPE html>
<html ng-app>
<head>
<script type="text/javascript" src="/js/script.js"/>
<script data-require="angular.js@*" data-semver="1.3.0-beta.14" src="http://code.angularjs.org/1.3.0-beta.14/angular.js"></script>
<meta charset="UTF-8">
<title>Test Page</title>
</head>
<body ng-controller="MainController">
<div>
<h1>{{message}}</h1>
<div>
    {{person.firstName}}
</div>
</div>
</body>
</html>

但当我启动应用程序时，我的页面显示：

{{message}}

{{person.firstName}}

而不是它应该有的价值观。我是不是遗漏了什么？我用的是弹簧靴。我已经调试了chrome，并且看到了js文件的正确加载，它甚至在js文件中找到了调试器点，因此我认为文件加载不是问题所在

更新-这起作用了

index.html

<!DOCTYPE html>
<html ng-app="mainApp">
<head>
<script data-require="angular.js@*" data-semver="1.3.0-beta.14" src="http://code.angularjs.org/1.3.0-beta.14/angular.js"></script>
<script type="text/javascript" src="/js/script.js"></script>
<meta charset="UTF-8">
<title>Test Page</title>
</head>
<body ng-controller="MainController">
<div>
<h1>{{message}}</h1>
<div>
    {{person.firstName}}
</div>
</div>
</body>
</html>


测试页
{{message}}
{{person.firstName}

您需要定义模块和控制器

HTML:

<body ng-app="DemoApp" ng-controller="DemoController">
  {{message}} {{person.firstName}}
</body>

var app = angular.module('DemoApp', ['angular.filter'])
app.controller('DemoController', function($scope) {
var person = {
    firstName : "Nagendra"
};
$scope.person = person;
$scope.message = "Hello Angular!";

});

您需要定义模块和控制器

HTML:

<body ng-app="DemoApp" ng-controller="DemoController">
  {{message}} {{person.firstName}}
</body>

var app = angular.module('DemoApp', ['angular.filter'])
app.controller('DemoController', function($scope) {
var person = {
    firstName : "Nagendra"
};
$scope.person = person;
$scope.message = "Hello Angular!";

});

自角度1.3+。首先创建一个角度模块，然后将其所有角度组件绑定到该模块

同时将

/js/script.js

移动到

angular.js

引用后面，并关闭

标记

代码

angular.module('mainApp', [])
.controller('MainController', MainController)
function MainController($scope) {
    var person = {
        firstName: "Nagendra"
    };
    $scope.person = person;
    $scope.message = "Hello Angular!";
};

然后将

mainApp

模块添加到

ng-app

指令中，如html标记上的

ng-app=“mainApp”

因为角度1.3+。首先创建一个角度模块，然后将其所有角度组件绑定到该模块

同时将

/js/script.js

移动到

angular.js

引用后面，并关闭

标记

代码

angular.module('mainApp', [])
.controller('MainController', MainController)
function MainController($scope) {
    var person = {
        firstName: "Nagendra"
    };
    $scope.person = person;
    $scope.message = "Hello Angular!";
};

然后将

mainApp

模块添加到

ng-app

指令中，如html标记上的

ng-app=“mainApp”

谢谢，我将angular服务器更改为

而且它成功了。这就是我在回答中所说的，这并不意味着你应该降低你的应用程序的等级以使其正常工作。。升级到最新的1.5.8版，享受最酷的angular。它说，当我在控制台中看到时，模块邮件应用程序不可用。好的，angular的脚本文件需要向上移动，但我仍然看不到值。@Nagendra555 angular JS之后，你应该立即移动

。谢谢，我将angular服务器更改为

而且它成功了。这就是我在回答中所说的，这并不意味着你应该降低你的应用程序的等级以使其正常工作。。升级到最新的1.5.8版，享受最酷的angular。它说，当我在控制台中看到时，模块邮件应用程序不可用。好的，所以angular的脚本文件需要向上移动，但我仍然看不到值。@Nagendra555您应该在angular JS刚刚看到后立即移动

，为什么要添加angular.filter。@不需要的Nagendra555刚看到，为什么要添加angular.filter。@不需要的Nagendra555