Question

我使用模板和相关类在angular 4中使用typescript。

在我的模板HTML中，我有这段代码

<input class="search-input" mdInput placeholder="Enter" [mdAutocomplete]="mdauto" formControlName="mdac">
 <md-autocomplete #md="mdAutocomplete">
    ....
 </md-autocomplete>

在我的打字稿代码中，我想使用formControlName = mdac获取输入，但我不知道该怎么做......

你有什么想法吗？

由于

Answer 1

你读过这个吗？

enter link description here

在我看来，你有你想要的一切。

Answer 2

<md-autocomplete #auto="mdAutocomplete">
    <md-optgroup *ngFor="let group of filteredGroups | async" [label]="group.name">
       <md-option *ngFor="let option of group.options" [value]="option" [ngClick]="yourMethod(option)">
                 {{ option.name }}
               </md-option>
       </md-optgroup>
</md-autocomplete>

您可以添加ngclick，然后在组件中获取值

Answer 3

解决方案是

HTML：

<form [formGroup]="form" novalidate>
 <input class="search-input" mdInput placeholder="Enter" [mdAutocomplete]="mdauto" formControlName="mdac">

TS：

 form = new FormGroup({
        "mdac": new FormControl()
    });
get inputMdac(): AbstractControl { return this.form.get("mdac"); }

非常感谢

获取模板中的元素

3 个答案: