[angularJS]我的第一个angularJS应用——解决不执行controller的代码

最新推荐文章于 2020-03-18 01:08:11 发布

nocturne1210

最新推荐文章于 2020-03-18 01:08:11 发布

阅读量1.3k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/nocturne1210/article/details/50543666

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一次试写，很简单，但也弄了很久，现在把代码贴出来。

testAngular.html

<!DOCTYPE html>
<html>
	<head>
		<script src="scripts/angular/angular.min.js"></script>
		<script src="scripts/testControllers.js"></script>
	</head>
<body>
<div ng-app="testApp" ng-controller="PhoneListCtrl">
<ul>
	<li ng-repeat="phone in phones">
	{{ phone.name }}
	<p>{{ phone.num }}</p>
	</li>
</ul>
</div>
</body>
</html>

testControllers.js

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

app.controller("PhoneListCtrl",['$scope',function ($scope){
	//alert("ok");
	$scope.phones=[
	{"name":"wang","num":"11111111"},
	{"name":"li","num":"222222222."},
	{"name":"sun","num":"333333333."}
	];
}]);

测试页面

折腾很长时间，主要js文件里这句app.controller("PhoneListCtrl",['$scope',function ($scope){ ....}上出了问题。开始按照很多网站提供的教程，写成 app.controller("PhoneListCtrl",function ($scope){ ....}，但是程序不进入controller部分。不知道为什么别人可以，但我不可以，一定要按照前面的那种写法才行。