angularjs中多个控制器中共享数据
发布时间:2020-12-17 08:43:31 所属栏目:安全 来源:网络整理
导读:angular.module('myApp',[]).factory('Data',function () { // this.$get = function(){} return { message : '共享数据' }}) .controller('firstController',function ($scope,Data) { //第一种方法 $scope.data = { name : '' } //第二种方法 $scope.Data
angular.module('myApp',[]).factory('Data',function () { // this.$get = function(){} return { message : '共享数据' } }) .controller('firstController',function ($scope,Data) { //第一种方法 $scope.data = { name : '' } //第二种方法 $scope.Data = Data; }) .controller('secondController',Data) { //第一种方法 $scope.data = $scope.$$prevSibling.data; //第二种方法 $scope.Data = Data; })调用:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div ng-app="myApp"> <div ng-controller="firstController"> first.data<input type="text" ng-model="data.name"> first.Data<input type="text" ng-model="Data.massage"> <p> first:{{data.name}} </p> <p> first:{{Data.massage}} </p> </div> <div ng-controller="secondController"> <p> second:{{data.name}} </p> <p> second:{{Data.massage}} </p> </div> </div> <script type="text/javascript" src="../vendor/angular/angularjs.js"></script> <script type="text/javascript" src="./app/index.js"></script> </body> </html>效果图:
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |