使用 angularjs 中的指令和 templateUrl

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

使用 angularjs 中的指令和 templateUrl

Using directives in angularjs with templateUrl

angularjs

plunker

angularjs-directive

angularjs-templates