gpt4 book ai didi

javascript - AngularJS 自定义指令不生成代码

转载 作者:行者123 更新时间:2023-11-28 18:29:42 26 4
gpt4 key购买 nike

我是 AngularJS 的新手,看到我所有的 html 代码变得越来越庞大和肮脏,我想做指令来组织它。因此,我从一个小指令开始,您可以在这里看到:

app.module('MyDirectiveModule', [ ])

.directive('TestDirective', function () {
return {
restrict: 'E',
templateUrl: 'test-index.html'
};
});

对于这一小段代码:

  <div class="text-center">
<h1>Coding with AngularJs</h1><br><br>
</div>

所以最终结果是(html指令文件为test-index.html):

<body ng-app="testsApp">

<test-index></test-index>

我包含了所有脚本并且检查了所有路径,我仍然不明白为什么它仍然不起作用..

最佳答案

您正在使用 <test-index></test-index> 调用您的指令但你的指令名称是 TestDirective 。您应该使用 <test-directive></test-directive> 来调用它

此外,如果您使用 Angular 1.5,我建议您研究组件而不是指令。这将使向 Angular2 的过渡更加顺利。

关于javascript - AngularJS 自定义指令不生成代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38333948/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com