カルマ/ジャスミンテストが角度材料ツールチップを通過しない

Question

最新の角度材料設計（ベータ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

何か調査した後、さまざまなことを試してみたら、私は解決策を見つけました。同じ問題が発生する人は誰でも共有できます。

私はconditionnal属性を作成するこの方法を使用してみました：

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

テストは合格したが、ツールチップが表示されませんでした。私は一人親コンポーネントからの入力を使用してみましたし、それは完全に働いた

：

[mdTooltip]