Javascript Angular2使用ngModel和name属性时选择默认值不工作

我已尝试使用上述代码，但不起作用。

将代码更改为：

ngOnInit() {
  this.user.role = 'Select';
}

---

您需要将用户定义为对象，然后为角色分配值

ngOnInit() {
        this.user.role = '';
    }

---

要选择默认值，需要使用角度的选定属性

export class AppComponent {
  defaultStr = 'Select';
  user = { role: this.defaultStr };

  constructor() { console.clear(); }
  getvalue(){
    console.log(this.user.role);
  }
}

挑选
首席分析师
分析师
助手

---

“User.role”应该返回ngOnInit（）中用户的角色。

回答了吗help@Sajeetharan如果删除了#role=“ngModel”，您的答案在控制台中不会出错。我需要#role=“ngModel”进行验证，您仍然可以使用ngModel进行验证是的，谢谢@Sajeetharan）

user:user

defaultStr=string

ngOnInit（）{this.user.role=this.defaultStr}

屏幕截图未显示在select上，Html与您在Plunker上使用的Html相同在我上面的选择中，我有#role=“ngModel”，用于验证目的。如果我在你的工作演示中没有添加的情况下添加它。它不起作用

export class AppComponent {
  defaultStr = 'Select';
  user = { role: this.defaultStr };

  constructor() { console.clear(); }
  getvalue(){
    console.log(this.user.role);
  }
}

 <select id="role" name="role" class="form-control"  #role="ngModel" required>
    <option value="" >Select</option>
    <option value="leadAnalyst" [selected]="'leadAnalyst' == user.role">Lead Analyst</option>
    <option value="analyst" [selected]="'Analyst' == user.role">Analyst</option>
    <option value="assistant" [selected]="'assistant' == user.role">Assistant</option>
</select>