angularjs怎么通过服务在控制器之间共享数据
1个回答
展开全部
为了在控制器之间共享数据，需要在服务中添加一个用来储存用户名的方法。记住，服务在
应用的生命周期内是单例模式的，因此可以将用户名安全地储存在其中。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>12-angularjs的多个控制器数据共享</title>
<script src="../js/angularjs.js"></script>
<script src="../js/index12.js"></script>
</head>
<body>
<!-- angularjs的数据绑定，双向绑定，M,V,c之间的绑定 -->
<div ng-app="myApp">
<div ng-controller= "firstController">
<input type="text" ng-model="person.name" value="" />
firstData--{{person.name}}
</div>
<div ng-controller="secondController">
<input type="text" value="" />
secondData--{{person.name}}
<div ng-controller= "firstController">
<input type="text" ng-model="Data.message" value="" />
firstData--{{Data.message}}
</div>
<div ng-controller="secondController">
<input type="text" value="" />
secondData--{{Data.message}}
</div>
</div>
</div>
</body>
</html>
应用的生命周期内是单例模式的，因此可以将用户名安全地储存在其中。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>12-angularjs的多个控制器数据共享</title>
<script src="../js/angularjs.js"></script>
<script src="../js/index12.js"></script>
</head>
<body>
<!-- angularjs的数据绑定，双向绑定，M,V,c之间的绑定 -->
<div ng-app="myApp">
<div ng-controller= "firstController">
<input type="text" ng-model="person.name" value="" />
firstData--{{person.name}}
</div>
<div ng-controller="secondController">
<input type="text" value="" />
secondData--{{person.name}}
<div ng-controller= "firstController">
<input type="text" ng-model="Data.message" value="" />
firstData--{{Data.message}}
</div>
<div ng-controller="secondController">
<input type="text" value="" />
secondData--{{Data.message}}
</div>
</div>
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
