嘿,我是 angular 的新手,我无法让它工作 我创建了一个新项目,我将 angular.min.js 文件放入其中,但这段代码不起作用,我不知道为什么它什么也没显示 请帮助我理解原因。
(function() {
var app = angular.module('list', []);
app.controller('peopleListCtrl', function(){
this.persons = plists;
});
var plists = [
{ name: 'alon', job: 'web dev', home:'nir tzvi' },
{ name: 'ben', job: 'katbamflighter', home:'nir tzvi' },
{ name: 'shiraz', job: 'dentist assistant', home:'hadera west' }
];
})();
<!DOCTYPE html>
<html ng-app="list">
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body ng-controller="peopleListCtrl as ppl">
<br />
<div ng-repeat="people in ppl.persons">
<h3>
{{people.name}}
{{people.job}}
{{people.home}}
</h3>
</div>
<input type="text" />
<br />
</body>
</html>
最佳答案
请参阅此以进行说明 $scope vs this in AngularJS controller
查看工作代码。
(function() {
var app = angular.module('list', []);
app.controller('peopleListCtrl', ['$scope',function($scope){
$scope.persons = plists;
}]);
var plists = [
{ name: 'alon', job: 'web dev', home:'nir tzvi' },
{ name: 'ben', job: 'katbamflighter', home:'nir tzvi' },
{ name: 'shiraz', job: 'dentist assistant', home:'hadera west' }
];
})();
<!DOCTYPE html>
<html ng-app="list">
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body ng-controller="peopleListCtrl">
<br />
<div ng-repeat="people in persons">
<h3>
{{people.name}}
{{people.job}}
{{people.home}}
</h3>
</div>
<input type="text" />
<br />
</body>
</html>
关于javascript - 为什么我的 Angular 代码不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33758456/