javascript - Angular 分量: no template replace option?

Question

new AngularJS 1.5 中似乎没有“替换”选项组件概念(就像指令一样)。

如果我想要表格行，你有什么建议<TR>元素作为组件？就有效的 HTML 而言是不可能的吗？

真实示例:mailBox组件内部有邮件组件。通过标记，mail-box-component 是 table，mail-box 是 tr。

<mail-box>
    <mail ng-repeat="mail in $ctrl.mails" mail="mail"></mail>
<mail-box>

<小时/>

UPD:有关指令的相关讨论 - Why is replace deprecated in AngularJS?

Answer 1

自从替换:true 标志已被弃用以来，这种 Angular 方式不再可能了

Why is replace deprecated in AngularJS?

replace: true 标志带来的问题多于解决方案，这就是它被删除的原因。因此，您不能再以这种方式构建指令并提供有效的 table-tr-td 标记。

但是，有两个原因可以解释为什么这并不像看起来那么糟糕:

1. 你可以做任何你想做的事情，不需要table、tr、td等。只是使用 div、span 等元素和一些 css

2. 网络组件(和指令是模拟的第一次尝试它们)并不意味着代表标记的如此小的片段。实际上，它们更多地被认为是一个功能齐全的组件做某事。所以无论你想用你的 tr 做什么认为值得围绕它建立一个元素指令，它可能不是。

也许，您可以使用属性指令来代替:

<tr my-mail-directive></tr>

你的 my-mail-directive 在 tr 元素上发挥了魔力