代码之家  ›  专栏  ›  技术社区  ›  user1059939

将模板条件从模板中移出是否是错误的做法?

  •  0
  • user1059939  · 技术社区  · 7 年前

    我的 .html 因为组件的条件有点混乱。

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

    如果我将其移动到函数或getter中呢?

    get isIconButton(){
       // blah
    }
    

    然后

    [attr.icon-button]="isIconButton"

    这是可以接受的还是不鼓励的?

    也许我觉得它很冗长,因为有更好的属性绑定方法?愚蠢的样品 [attr.{{config.data.type}}] 但搜索词让我失望。

    谢谢

    1 回复  |  直到 7 年前
        1
  •  1
  •   Markai    7 年前

    这是个不错的练习。在 angular documentation for template expressions ,函数调用和对属性的引用被视为规范(请参见 simplicity ).

    您应该记住,每次运行更改检测时都会执行函数/getter。所以对他们要非常小心。它们应该非常简单,执行起来也很快。但既然您只想包装一个简单的三元运算符,就可以了。