2015-11-17 46 views
1

我有使用ui-router的角度应用程序,并且我已设置服务和指令但无法显示json数据。当我将它显示在主模板(home.html)中时,它没有指示就可以正常工作。 我的控制器看起来是这样的:如何在角度指令中正确显示json

app.controller('homeCtrl', ['$scope', 'homeList', function ($scope, homeList) { 
    homeList.get().then(function (homeList) { 
     $scope.homeList = homeList; 
     $scope.homeList.name = 'Home list'; 
    }); 
}]); 

当我做{{homeList.name}}它显示正确,但在ng-repeatdirectiveTemplate.html不从JSON显示数据。

这里是plunker http://plnkr.co/edit/GTfLFQepFcXzXYcIHnP0

有控制台没有错误,所以我想不出什么我做错了。

谢谢。

回答

2

您的问题来源于此行home.html

<li home-list homeList="homeList"></li> 

在这里,您使用的是home-list属性,它是你的指令,但没有价值。然后,您使用的属性homeList不受任何约束。

请记住,在较低的情况下角的作品在HTML,因此,在短期它应该是:

<li home-list="homeList"></li> 

看到它在plunkr工作:http://plnkr.co/edit/xD4UmUj80wiLOXZqYFyK?p=preview