如何命名/目标组件输入变量

时间:2017-10-22 12:03:15

标签: angular angular-material

鉴于以下内容

  • mat-button指令响应disabled属性/输入
  • matTooltip指令响应disabled属性/输入

是否可以创建一个已禁用的材质按钮元素,但是具有与之关联的非禁用工具提示?即是否可以命名/目标组件输入,以便它只适用于mat-button指令而不是matTooltip指令?

在以下示例中,按钮AND工具提示均被禁用:

<button mat-button matTooltip="first enter email address" [disabled]=true>
  Next
</button>

我似乎无法仅禁用按钮而不是工具提示。这可能是当前matTooltip实施中的一个错误。

谢谢!

使用角度4.4.6和材质2-beta.12

1 个答案:

答案 0 :(得分:1)

除重命名输入外,无法解决输入名称冲突。

您可以使用辅助元素并拆分组件和指令,以便它们不共享相同的主机元素:

<span matTooltip="first enter email address">
  <button mat-button  [disabled]=true>
    Next
  </button>
</span>