在angularjs中使用templateUrl中的指令

Question

我使用angularjs编写了一个代码，该代码使用一个指令从show-category.html文件中提取类别列表并在索引页面上显示它们，我做了所有事情，因为我已经学会但仍然可以＆＃39; t获取加载index.html时要显示的类别。

在app.js文件中

app.directive('showCategories', function() {
    return {
      restrict: 'E',
      templateUrl:  'show-categories.html'


    };
});

你可以在这里看到关于plunker的完整代码： http://plnkr.co/edit/FSsNAq?p=preview

Answer 1

您将指令定义放在控制器的中间位置，将其带到外面并且它可以正常工作（除非您有其他一些不存在的功能）：

app.controller("BookCtrl", function($scope) {

  $scope.categories = [{
      "id": 0,
      "name": "Type"
    }, {
      "id": 1,
      "name": "Date"
    }, {
      "id": 1,
      "name": "Name"
    }

  ];
  ...

});

app.directive('showCategories', function() {
    return {
      restrict: 'E',
      templateUrl:  'show-categories.html'


    };
});

Plunker