无法绑定到第二个视图

时间:2015-05-26 18:21:15

标签: angularjs

我正在使用ng-repeat来显示我从视图中的服务收到的数据。每个项目都有一个href属性,它将用户引导到第二个视图的位置路径,还有一个ng-click属性,它将被点击的项目作为参数传递回控制器,即

查看

<tr ng-repeat="item in items">
  <td><a ng-href="#/view2" ng-click="select(item)">{{item.name}}</a></td>
  <td>{{item.desc}}</td>
</tr>

控制器

angular.module('myApp')
      .controller('MainCtrl', function ($scope, dataService) {

        dataService.getData().then(function (data) {
          $scope.items = data;
        });

        $scope.select = function (item) {
          $scope.selectedItem = item;
        }
    });

视图2

<div>
  {{selectedItem.name}}
  {{selectedItem.desc}}
</div>

我在函数中接收了item对象,但为什么我无法将$ selectedItem绑定到View2中?

1 个答案:

答案 0 :(得分:0)

改为使用$ rootScope:

    $scope.select = function (item) {
      $rootScope.selectedItem = item;
    }