gpt4 book ai didi

javascript - 为什么我的 Angular 代码不起作用?

转载 作者:行者123 更新时间:2023-11-30 09:56:23 24 4
gpt4 key购买 nike

嘿,我是 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com