首先确保控制器中有正确的数据和HTML代码。如果数据正确且HTML代码未被误删除,则可能是由于未将控制器绑定到HTML中的元素或未正确引入模块的原因。以下示例代码展示如何正确引入控制器且将其与HTML绑定:
HTML代码:
Name
Age
{{person.name}}
{{person.age}}
控制器代码:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.people = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 45 }
];
});
在此示例中,控制器被命名为“myCtrl”,绑定到了HTML中的一个div元素上,并将数组“people”绑定到了表格的tbody元素上。确保要正确引入模块,以确保控制器有效。