Question

我有以下plnkr（虽然它没有显示数据）： http://plnkr.co/edit/7jAzOftz9Yq6hXNts9kf?p=preview

我有2个div部分：

<div ng-controller="AddChoreController as chores">

<div class="row clearfix" ng-controller="AddChoreController as chores">

我要做的是在1节中构建一个数组，然后在不同的部分重用该数组。我知道我只是实例化同一个控制器，我的问题是当我更新choreList.chores数组时，我可以在第二个div部分显示它吗？

Answer 1

您应该使用服务在您的应用/控制器之间共享。我在下面添加了一个代码段来演示如何执行此操作。

＆＃13;

var app = angular.module('app', []);

app.controller('myController1', function($scope, myService) {
  $scope.myService = myService;
});

app.controller('myController2', function($scope, myService) {
  $scope.myService = myService;
});

app.service('myService', function() {
  this.arr = [];
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<div ng-app='app'>
  <div ng-controller='myController1'>
    myController1 #1
    <input ng-model="myService.arr"/>
    {{ myService.arr }}
  </div>
  <div ng-controller='myController1'>
    myController1 #2
    <input ng-model="myService.arr"/>
    {{ myService.arr }}
  </div>
  <div ng-controller='myController2'>
    myController2
    <input ng-model="myService.arr"/>
    {{ myService.arr }}
  </div>
<div>

＆＃13;

绑定到不同节中的相同数组

1 个答案: