Question

我有一个小指令，我很难使其生效。

这是我的指令：

angular
.module('thermofluor')
.directive('myCustomer', function() {

    return {
        restrict: 'E',
        template: 'table_plate.html'
    };
});

模板只是其中包含“测试”的段落。

在我的主HTML中使用以下命令调用指令：

<my-customer></my-customer>

但屏幕上没有任何显示，并且在html中，该指令未替换为输出html的指令

模板具有相同的名称，并且位于同一文件夹中。

我在做什么错了？

谢谢。

Answer 1

应为 templateUrl

return {
        restrict: 'E',
        templateUrl: 'table_plate.html'
    };

Answer 2

如果只需要显示模板，则可以使用ng-include代替指令：

<ng-include
  src="string"
  [onload="string"]
  [autoscroll="string"]>
...
</ng-include>

还有任何可用元素的版本：

<ANY
  ng-include="string"
  [onload="string"]
  [autoscroll="string"]>
...
</ANY>

有关https://docs.angularjs.org/api/ng/directive/ngInclude

的更多信息，请浏览

在src或ng-include下，将引用指向要加载的模板（取决于您使用的版本）。仅使用1条限制，使用指令就有点过头了，其余的也可以从这种方法中获得。

注意：在以上定义中，示例不需要括号内的属性。

AngularJS-指令不会加载

2 个答案: