Question

请考虑以下情况。

父组件：

<div title="title1">
  <my-component input="title2"></my-component>
  <my-component></my-component>
</div>

MyComponent：

<div [title]="input">ABC</div>

这里的问题是，第一个“ ABC” div将具有"title2"工具提示，而第二个将具有MyComponent作为input的默认值，而这将“覆盖” {{1 }}工具提示。

如果未收到“输入”，如何避免在MyComponent模板中设置“标题”？

Answer 1

看来，即使if let match = myRegex.firstMatch(in: someString, range: NSMakeRange(0, someString.count)) { let groups = match.groups(testedString: someString) //... do something with groups }是title或title，绑定子元素的input属性也会覆盖父元素null。但是，根据this stackblitz，如果undefined是[attr.title]或title，则将title属性与input绑定可以继承父null：< / p>

undefined

使用

<div [attr.title]="input">ABC</div>

如何有条件地设置Angular2组件输入？

1 个答案: