当我将setValue设置为formGroup时,Angular Material 2 md-input没有聚焦

时间:2017-01-24 20:10:55

标签: angular focus material-design reactive-forms

md-input焦点发生了一些奇怪的事情:

这是我拥有的元素之一

<md-input-container dividerColor="warn">
        <input md-input placeholder="Code..." formControlName="code">
 </md-input-container>

这是我订阅的方法,并将值设置为formGroup:

getOneItem() {
this._objectsService.getOneItem(this.id).subscribe(
  resObjectsData => {
    delete resObjectsData._id;
    this.form.setValue(resObjectsData); // Here i am setting the value
  }, error => this.errorMsg = error
);

视图上的对象加载为例外但md输入文本字段未聚焦。日期,时间,选择,数字等其他类型都很专注。这是一个截图:

enter image description here

2 个答案:

答案 0 :(得分:1)

只需使用<md-input formControlName="code" placeholder="Code..."></md-input>而不使用md-input-container

答案 1 :(得分:0)

我也无法设置输入焦点,所以我只是摆脱占位符并设置固定标签,只是一种解决方法。

<md-input-container floatingPlaceholder="false">
    <label>Name</label>
    <input type="text" md-input formControlName="fieldName">
</md-input-container>