Question

我有3个文件：EventDetails.html，app.js和EventController.js。

这是html的正文

<html ng-app="eventsApp">
 <head>...</head>
<body>
<div class="container">
    <div ng-controller="EventController">
    {{event.name}}</div>
</div>
</body>
</html>

app.js：

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

EventController.js：

eventsApp.controller('EventController',
    function EventController($scope) {
        $scope.event = {
            name: 'Angular',
            date: '2/23/16',
            time: '11:22 am'
        };
    });

运行时，视图会显示"{{event.name}}"而非"Angular"。如果一切看起来都应该有效，那么我的html中的链接可能会出现问题。

这是在Plunker http://plnkr.co/edit/T7Hexx9GEbp63eDxwCLE?p=preview

Answer 1

我修好了

在你的plunker上你的脚本标签是非常错误的

你需要指向角度，你需要指向你的js文件

我已将它们改为......

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>

<script src="script.js"></script>
<script src="EventController.js"></script>

我也更改了EventController文件......

eventsApp.controller('EventController',
    function($scope) {  // NO NEED FOR FUNCTION NAME HERE
        $scope.event = {
            name: 'Angular',
            date: '2/23/16',
            time: '11:22 am'
        };
    });

完成工作

修补... http://plnkr.co/edit/tkPrhZcxzTlLzLg6f65C?p=preview

希望你能看到

AngularJS，附加到$ scope的对象不会绑定到html元素

1 个答案: