业力/茉莉花测试未通过角度材料工具提示

Question

我正在使用最新版本的角度材料设计(beta 5)的材料设计工具提示。

我以这种方式将工具提示附加到按钮：

<button id="{{module.action}}" md-raised-button (click)="onClick($event)" [mdTooltip] [disabled]="buttonDisabledState">
{{module.text}}
</button>

我有一个传递给组件的输入属性：

export class ButtonComponent implements OnInit {
@Input() module: ButtonModule;
@Input() mdTooltip;

运行本地服务器时一切顺利，但是如果我运行测试套件，我会不断收到此错误：

Can't bind to 'mdTooltip' since it isn't a known property of 'button'. ("th Dealflo Limited.
-->
<button id="{{module.action}}" md-raised-button (click)="onClick($event)" [ERROR ->][mdTooltip] [disabled]="buttonDisabledState">
{{module.text}}
</button>
"): ng:///DynamicTestModule/ButtonComponent.html@13:74
Error: Template parse errors:
Can't bind to 'mdTooltip' since it isn't a known property of 'button'. ("th Dealflo Limited.
-->
<button id="{{module.action}}" md-raised-button (click)="onClick($event)" [ERROR ->][mdTooltip] [disabled]="buttonDisabledState">
{{module.text}}
</button>

我对这里的任何想法都持开放态度。

Answer 1

我认为您的按钮与默认的html5按钮冲突。默认值确实没有工具提示。尝试更改按钮选择器。

Answer 2

因此，经过一些调查并尝试了不同的事情，我得出了一个可行的解决方案！在这里分享给任何遇到相同问题的人。

我尝试以这种方式创建条件属性：

[attr.mdTooltip]="module.tooltip? module.mdtooltip : ''"

测试通过，但工具提示未显示。

我尝试单独使用来自父组件的输入，它运行良好：

[mdTooltip]