Comment ng-cliquez sur l'aide de la Machine et ionicBootstrap?

Je ne suis pas sûr de savoir comment les ng-click œuvres Ionique dans les 2 avec des caractères d'imprimerie.

Fondamentalement, ma Ionique application ressemble à ceci:

class MyApp { 
 ...
 showPopup() { .. } 
 ...
}
ionicBootstrap(MyApp);

Edit: j'ai aussi essayé d'ajouter la fonction dans la page.fichier ts, mais il ne fonctionne pas.

J'essaie d'utiliser le showPopup() à l'intérieur d'un ng-click mais de toute évidence, il manque quelque chose, et je ne trouve aucune information à ce sujet dans la documentation.

ng-click="showPopup()"

Avez-vous une idée de ce que je suis absent? Je sais que sans Tapuscrit $champ d'application doit être utilisé, mais avec Tapuscrit et IonicBootstrap?

OriginalL'auteur Kevin Van Ryckegem | 2017-03-16

  1. 9

    Ionic2 est basé sur Angulaire 2 et la bonne façon d'utiliser l'événement click (docs) est

    //component code
import { Component } from "@angular/core";

@Component({
  templateUrl:"home.html"
})
export class HomePage {

  public items: Array<string>;

  constructor() {
    this.items = ["item1", "item2", "item3"]
  }

  public open(event, item) {
    alert('Open ' + item);
  }

}

    Et alors, à votre avis,

    <!-- View -->
<ion-header>
  <ion-navbar primary>
    <ion-title>
      <span>My App</span>
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
<ion-list>
    <ion-item *ngFor="let item of items" (click)="open($event, item)">
        {{ item }}
    </ion-item>
</ion-list>
</ion-content>

    Comme vous pouvez le voir dans le code, je suis en déclarant le gestionnaire de clic comme ce (click)="open($event, item)" et l'envoi de l'événement et l'élément (déclarée dans l' *ngFor) à la open() méthode (déclarée dans le code du composant).

    Si vous n'avez pas besoin d'obtenir des informations de l'événement, il vous suffit de faire (click)="open(item)" et de modifier la méthode ouverte comme ce public open(item) { ... }

    Ah j'ai confondu avec angulaire de 1! Merci! Est-il une liste de variables comme $event pour les modèles?

    OriginalL'auteur sebaferreras

  2. 2

    Dans votre composant html, que vous voulez qu'il soit cliquable, vous devez utiliser (click)='showPopup()'. Comme le disent:

    <button (click)='showPopup()'>Click here</button>

    Dans votre fichier d'enregistrement, le code est correct:

    class MyApp { 
 ...
 showPopup() { .. } 
 ...
}

    En outre, vous pouvez passer des paramètres comme vous le feriez normalement passer. (click)=showPopup(param1,param2,..).

    OriginalL'auteur Sagar Kulkarni