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>