Менять стоимость признака с шаблона HTML в компонент на IONIC 3

У меня есть app в ionic 3, которые заносят в список элементы как кнопки, эти получаются с provider делая просьбу GET.

@Injectable()
export class CoopProvider {
  urlApi = 'http://192.168.0.42:8555/'

  constructor(public http: HttpClient){}

  getCoops() {
return this.http.get(this.urlApi + 'api/v1/cooperatives/')
   }
} 

Продолженный я делаю инъекцию им в компонент и верю в функцию goDetail, что является той, которая будет называть эти компоненты посредством HTML

ionViewDidLoad(){
console.log(this.coopProv.getCoops()
.subscribe(
  (data) => { // Success
    this.cooperatives = data;
  },
  (error) =>{
    console.error(error);
  })
)}

  goDetail(){
   this.navCtrl.push(DetailPage)
   }

И потом я заношу в список их как кнопки в сдержись

    <ion-content>
      <ion-list>
       <button ion-item *ngFor="let cooperative of cooperatives" (click)="goDetail()">
      <ion-thumbnail item-start>
        <img src="{{cooperative.logo}}">
      </ion-thumbnail>
      <h2>{{cooperative.name}}</h2>
      <p>{{cooperative.short_description}}</p>
    </button>
  </ion-list>
     </ion-content>

До там все добро, но сейчас я нуждаюсь в том, чтобы сохранять {{cooperative.name}} в переменной, чтобы мочь перемещать это в функцию goDetail посредством navParams и DetailPage показал детали отборного кооператива.

как я могу делать это? Как изменил стоимость переменной с шаблона HTML в компонент?

Спасибо заранее

2
задан 11.03.2019, 04:35
1 ответ

funciГіn goDetail(), который работает вслед за clickar botГіn, ты его можешь перемещать их ее parГЎmetros, который tГє ты захотел:

<ion-content>
  <ion-list>
    <button ion-item *ngFor="let cooperative of cooperatives" (click)="goDetail(cooperative)">
      <ion-thumbnail item-start>
        <img src="{{cooperative.logo}}">
      </ion-thumbnail>
      <h2>{{cooperative.name}}</h2>
      <p>{{cooperative.short_description}}</p>
    </button>
  </ion-list>
</ion-content>
goDetail(cooperative: any){
  console.log(cooperative.name);
}
1
ответ дан 19.11.2019, 22:20
  • 1
    Даже podrí схвати перемещать каждый cooperative, чтобы предотвращать bú squedas последующие в списке, если он был необходим – Pablo Lozano 11.03.2019, 04:48
  • 2
    Изданный, я думаю, что он лучше в этом случае, возможно, что он нуждается в других свойствах – David Silva 11.03.2019, 04:53
  • 3
    Así ты считаешь кооператив выбранным внутри goDetail () и ты можешь использовать ее, как ты хотел, это не было этим, что ты спрашивал? – David Silva 11.03.2019, 04:58
  • 4
    @DavidSilva спасибо, я буду пробовать, как ты говоришь и я рассказываю тебе – kkroto 11.03.2019, 04:58
  • 5
    Превосходный, funcionó совершенный. большое спасибо!!! :-D – kkroto 11.03.2019, 05:01

Теги

Похожие вопросы