目标：

Question

我有一个带变量的组件说'id＆＃39;在这个组件中，我调用了一个服务，该服务将该变量（id）作为参数，在我的模板中，我将一个单选按钮的值赋给变量（id）.. 问题是..我在＆＃34; ngOnInit（）＆＃34;中调用我的服务，所以它没有取得单选按钮的值，但是取了＆＃的初始值34; ID＆＃34; .. 这是我的代码：

在我的组件中：

 import { Component, OnInit } from '@angular/core';
 import { BartersService } from '../../core/services/barters.service'; 

 export class BarterViewComponent implements OnInit {
 id:string="";
 allCategories ;
 constructor( private barServ: BartersService) { }
  ngOnInit() {
   this.barServ.findByPage(this.id)
   .subscribe(respone => {
   this.allCategories = respone.data;
    });

    }
 onSelectionChange(val) {
  this.id = val;
 }

}

在我的模板中：

<div *ngFor="let cat of allCategories ; let i=index;">                              
   <input  style="margin-bottom: 10px;" type="radio" #R 
      (change)="onSelectionChange(R.value )" name="rad"  value="cat['id']"> 
      {{cat['name']}}
</div>

目标：

目标是根据单选按钮的选择更新视图。

Answer 1

更改此

value="cat['id']"

到

[value]="cat['id']"或value="{{cat['id']}}"

Answer 2

你可以试试这个：

export class BarterViewComponent implements OnInit {
 id:string="";
 allCategories ;

 constructor( private barServ: BartersService) { }
 ngOnInit() {
    refreshCategories()
 }

 onSelectionChange(val) {
  this.id = val;
  refreshCategories()
 }

 refreshCategories() {
   this.barServ.findByPage(this.id).subscribe(respone => {
       this.allCategories = respone.data;
   });
 }
}

数据绑定Angular 4

目标：

2 个答案: