javascript - AngularJs 指令帮助不插入

Question

我想知道是否有人可以向我解释 AngularJs 指令的工作原理。

我现在有以下代码:

索引.html:

和我的 Login.html:

最后是我的 login.ts:

我正在尝试将该模板文件插入到 index.html 文件中。目前它只显示一个空白屏幕，而不是 login.html，但是当我删除指令并将代码复制并粘贴到 index.html 时，它很好并且显示完美。

非常感谢任何帮助。

Answer 1

您将指令命名为 loginDirective , 但在您的 html 中，您将其用作 <log-in/>相当于logIn , 不是 loginDirective

.directive('logIn', app.loginDirective);