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>

我在这里缺少什么？我认为数据函数返回的内容是正确的，因为foo＆＃34;然后在foo.html中引用为foo？

Answer 1

因为您使用了控制器，所以认为它可能看起来像

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

AngularJS没有加载＆＃34;详细视图＆＃34;数据

1 个答案: