从mdInput获取值

时间:2017-02-28 16:25:11

标签: angular typescript material-design angular-material2

所以我有一个md-input和一些按钮。

<md-input-container >
   <input mdInput #myInput name="myInput" type="password" placeholder="Yeah">
</md-input-container>
<button md-raised-button (click)="authenticate(myInput)">Start</button>

此按钮发送整个md-input。我填写了我的输入,这就是我点击按钮时得到的内容

<input _ngcontent-uqn-44="" mdinput="" name="myInput" placeholder="Yeah" type="password" ng-reflect-placeholder="Yeah" ng-reflect-type="password" class="mat-input-element" ng-reflect-id="md-input-1" id="md-input-1" aria-describedby="">

我没有看到任何包含我在Input中粘贴的值的属性/属性。那么我怎么能得到价值呢?喜欢myInput.value

1 个答案:

答案 0 :(得分:0)

我发现您的代码没有任何问题,可能还有其他问题导致问题。

<md-input-container >
    <input mdInput #myInput name="myInput" type="password" placeholder="Yeah">
 </md-input-container>
 {{myInput.value}}

选中此Plunker!