Question

我有使用ui-router的角度应用程序，我已设置服务和指令，但无法显示json数据。当我只在主模板（home.html）中显示它时，没有指令它工作正常。我的控制器看起来像这样：

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

当我{{homeList.name}}时，它会正确显示，但ng-repeat中的directiveTemplate.html不会显示来自json的数据。

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

控制台没有错误，所以我无法弄清楚我做错了什么。

谢谢。

Answer 1

您的问题来自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

如何在angular指令中正确显示json

1 个答案: