将模板条件移出模板是不好的做法吗？

Question

对于某个组件，我的.html对条件有点混乱。

[attr.icon-button]="config.data.type === 'icon-button' ? '' : null"

如果我把它移到函数或吸气器中会怎么样？

get isIconButton(){
   // blah
}

然后

[attr.icon-button]="isIconButton"

这是否可以接受或不鼓励？

也许我觉得它很冗长，因为有一种更好的属性绑定方法？一个愚蠢的样本[attr.{{config.data.type}}]，但搜索条件让我失望。

感谢。

Answer 1

这不是一种不好的做法。在angular documentation for template expressions中，函数调用和对属性的引用被认为是常态（参见simplicity）。

您应该记住，您的函数/ getter会在每次更改检测运行时执行。所以要小心他们。它们应该非常简单且快速执行。但是因为你只想包装一个简单的三元运算符，你可以去。