angularJS依赖注入

发布时间：2020-12-17 10:31:33 所属栏目：安全来源：网络整理

导读：!DOCTYPE tmlhtml ng-app="sb.controller"headlink href="bootstrap.css" rel="stylesheet"script src="angular.js"/scriptscript src="sbCtrl.js"/scriptscript src="dayService.js"/script/headbodydiv class="panel" ng-controller="sbCtrl"h1 {{day}} {{

<!DOCTYPE tml>
<html ng-app="sb.controller">
<head>
<link href="bootstrap.css" rel="stylesheet">
<script src="angular.js"></script>
<script src="sbCtrl.js"></script>
<script src="dayService.js"></script>
</head>
<body>
	<div class="panel"  ng-controller="sbCtrl">
		<h1> {{day}} {{name}} </h1>
	</div>
</body>
</html>

var sb = angular.module("sb.controller",['day.service']);
sb.controller("sbCtrl",['$scope','dayService',function($scope,dayService) {
	$scope.name = "liyang";
	$scope.day = dayService.today ;
}]);

var dayService = angular.module("day.service",[]);
dayService.service("dayService",function() {
	this.today = 500;
	this.tomorrow = 6;
});

500 liyang

controller层module的名字要和service层名字一样，

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!