Angular 自定义指令在 w3 验证中失败

Question

当我使用 angular 的自定义指令时，html 页面在 w3 验证中失败。帮助我克服这个问题。

例如：

<div>
    <share-news news-title="{{...}}" news-content="{{...}}"></share-news>
</div>

当我使用上面的代码时，

我收到类似的错误 在此上下文中，不允许将元素 share-news 作为元素 div 的子元素。 （抑制来自该子树的更多错误。）

Answer 1

虽然页面正文的初始源（在角度处理 ng-app 元素之前）可能不符合 W3C 标准，但如果您在指令中使用“replace: true”，则自定义元素将替换为模板 HTML，它可以是有效的。因此，在这种情况下，您可以将 angular 元素视为一个占位符，替换为终端 HTML 输出。