AngularJS没有加载“详细视图”数据

Question

我有一个项目列表，我希望能够单击它以加载详细视图： foo/123 。 我的$stateProvider变量定义了... }) .state('foo', { url: '/foo/:fooId', templateUrl: 'client/templates/foo.html', controller: 'FooViewCtrl as foo', });

fooview.controller.js：

angular
  .module('AppName')
  .controller('FooViewCtrl', FooViewCtrl);

function FooViewCtrl ($scope, $reactive, $stateParams) {
  $reactive(this).attach($scope);

  let fooId = $stateParams.fooId;

  this.helpers({
    data() {
      var a = Data.findOne(fooId); //Meteor func
      console.log(a); //this runs and correctly outputs the object
      return a;
    }
  });
}

foo.html：

<ion-view title="{{foo.name}}">
  <ion-content>
    <p>{{foo.name}}</p>
  </ion-content>
</ion-view>

我在这里想念什么？ 我是否正确认为数据函数返回“ as foo”，然后在foo.html中将其引用为foo ？

Answer 1

由于您使用controllerAs认为它可能看起来像

<ion-view title="{{foo.data.name}}">
  <ion-content>
    <p>{{foo.data.name}}</p>
  </ion-content>
</ion-view>