一个简单的,数据绑定似乎不起作用,我想知道我到底做错了什么

时间:2013-12-19 14:07:18

标签: angularjs

编辑:我安排了文件,所以JS文件是最后一个..但它仍然无法正常工作

我在firefox中打开它的结果只是{{message}} 我已将文件命名为:html.html和js.js

HTML文件

<html ng-app="app">
<head>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<script src="js.js", type='text/javascript'></script>
</head>

<body ng-controller="abc">
    {{message}}
</body>
</html>

Javascript文件

var app = angular.module('app', []);

abc.controller('abc', function($scope){

$scope.message = 'booya';
});

3 个答案:

答案 0 :(得分:1)

你需要在angularjs之后加载js.js,这意味着你应该看起来像:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js">    </script>
<script src="js.js", type='text/javascript'></script>

答案 1 :(得分:1)

您没有bodyngController。您应该更改js文件的顺序,如下所示:

<html ng-app="app">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
    <script src="js.js", type='text/javascript'></script>

</head>
<body ng-controller="abc">
    {{message}}
</body>
</html>

答案 2 :(得分:1)

您的控制器应定义为:

app.controller('abc', function($scope){

$scope.message = 'booya';
});

你提到过abc.controller。似乎问题在哪里