在带有 templateUrl 的 angularjs 中使用指令

Question

我用 angularjs 编写了一个代码，该代码使用指令从 show-category.html 文件中获取类别列表并将它们显示在索引页面上，我按照我所学的做了所有事情，但仍然无法获取类别加载 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