模型绑定不适用于angular2中的select

阿伦·泰吉(Arun Tyagi)

我正在尝试设置下拉菜单的默认值,我将模型设置为默认值,但未更新选择

请参阅此https://plnkr.co/edit/bNM5Yxx78iykv2opazoL?p=preview

@Component({
    selector: 'my-app',
    template: `
    <h1>Hello</h1>
<select class="form-control selectpicker" (change)="changeTower()" [(ngModel)]="_selectedTower">
  <option attr.value="{{tower._id}}" *ngFor="#tower of _towers;">Tower {{tower.name}}</option>
</select>    
    `})
export class AppComponent {
  _towers = [{_id:1, name: '1'}, {_id:2, name: '2'}, {_id:3, name: '3'}];
  constructor() {
    this._selectedTower = 2 ;
  }

  changeTower() {
    setTimeout(()=>{
      alert( this._selectedTower);
    },100);
  }
鲁希克什
<select class="form-control selectpicker" #select (change)="changeTower(select.value)" [(ngModel)]="_selectedTower">
  <option value="{{tower._id}}" *ngFor="#tower of _towers;">Tower {{tower.name}}</option>
</select>  

changeTower(id) {

    //id is the selected value
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2 绑定不适用于 Observable

来自分类Dev

ngStyle不适用于angular2中的!important

来自分类Dev

Angular2绑定不适用于Google OAuth2 Promise

来自分类Dev

CORS Cookie可用于获取请求,但不适用于Angular2中的发布

来自分类Dev

Angular的绑定不适用于指令中添加的元素

来自分类Dev

jQuery Xeditable不适用于Angular2

来自分类Dev

Angular2 useAsDefault不适用于子路由

来自分类Dev

angular2 canActivate()不适用于Observable响应

来自分类Dev

Angular2管道不适用于输入

来自分类Dev

<div [innerHTML] = ....在angular2 html注入中不适用于iframe html>

来自分类Dev

模型绑定不适用于复杂对象

来自分类Dev

WebAPI2模型绑定不适用于HTTP PUT

来自分类Dev

ASP.NET MVC模型绑定不适用于AJAX GET,但适用于Post

来自分类Dev

如果绑定不适用于<select>,则将其剔除

来自分类Dev

角度2+,垫子表-过滤不适用于模型中的模型

来自分类Dev

Ng2-table不适用于最新的Angular2版本

来自分类Dev

Rxjs筛选器运算符不适用于Angular2 Observable

来自分类Dev

Node.js核心模块fs不适用于webpack和angular2 cli

来自分类Dev

为什么带有输入类型文本的日期管道不适用于angular2?

来自分类Dev

titlecase 管道不适用于三元运算符 angular2

来自分类Dev

数据绑定不适用于AngularJS中的JSON

来自分类Dev

绑定不适用于嵌套组件中的innerHTML

来自分类Dev

Xamarin绑定不适用于ListView

来自分类Dev

WPF绑定不适用于类

来自分类Dev

绑定不适用于ViewModel

来自分类Dev

WPF 绑定不适用于 ItemsControl

来自分类Dev

绑定不适用于用户实例

来自分类Dev

迁移不适用于特定模型

来自分类Dev

Django ORM不适用于模型

Related 相关文章

热门标签

归档