角度指令的属性

attributes for an angular directive

本文关键字：属性 指令      更新时间：2023-09-26

我有一个指令，它接受"attachmentType"的属性。

<attachment attachment-type="CK" />

如何包含另一个属性（attachmentId），该属性从我的页面获取另一个值以及上述属性（基本上是多个属性）？

例如，下面是另一个单独的属性，

<attachment attachment-id={{cdmCtrl.copiedRow.CheckDepositHeaderId}} />

我尝试了如下方法，但语法不正确。

<attachment attachment-type="CK",  attachment-id={{cdmCtrl.copiedRow.CheckDepositHeaderId}} />

由于您想按范围将动态值传递给指令，您需要将该属性添加到带有 @（单向绑定）isolated scope指令选项中。无需在两个属性之间指定,。默认情况下，它们将被视为独立属性。

scope: {
   attachmentId: '@'
}

在指令链接功能/控制器内部，您将通过scope.attachmentId获得此attachmentId。还要确保关闭指令元素，因为它是自定义元素。

<attachment attachment-type="CK" 
   attachment-id={{cdmCtrl.copiedRow.CheckDepositHeaderId}}>
</attachment>
相关文章：