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>