Question

我添加了弹出字段，当弹出窗口打开时我希望通过其选项预先选择一个字段，我在控制台中获得所需的值但是它没有反映在HTML上。任何人都可以帮我解决这个问题。

HTML：

<div class="form-group">
  <label class="showlabel">Role</label>
   {{selectedRole}}
  <ng-select [options]="roles" [(ngModel)]="user.user.role_id" name="AddRole" class='filterDropDown cat' placeholder="Role" notFoundMsg="No Role Found" required> 
  </ng-select>
</div>

TS：打开弹出窗口

addCompany (){ 
  this.user = new Users(); 
  this.addCompanies.show();
  let userData = this.roles.filter(role => role.label === 'appUser');
  if(userData && userData[0]) { 
    this.selectedRole = userData[0].label.toString();
  }
  console.log(this.selectedRole);
}

Answer 1

class MyComponent implements OnInit {
  ngOnInit() {
    // set the value of dropdown which u want to select
  }
}

当你的组件加载它时，它将运行ngOninit和构造函数，这样你就可以在任何一个地方设置预选值。

如果你想用例子我需要数据。

如何使用angular2在ng-select中预选一个选项

1 个答案: