angular2 get Zeichenfolge im JSON-Format auf Klick

Question

Ich versuche, den Titel von JSON Antwort mit einem click Ereignis, bekomme ich alle Titel zu bekommen, wenn ich auf die Schaltfläche klicken, aber wie bekomme ich bestimmte Titel abhängig von die button oder a href der Benutzer geklickt?

modalGetTitle(title) { 
    this.http.get('../../xmlConf/dashboard_journey.json') 
    .map((res:Response) => res.json()) 
    .subscribe(data => { 
     if(data) { 
      var jsonObj = JSON.parse(JSON.stringify(data)); 
      this.oJourney = jsonObj.o.journey; 
      this.getJourneyTitle = this.oJourney; 

      for (var i = 0; i < this.getJourneyTitle.length; i++) { 
       var element = this.getJourneyTitle[i]; 
       console.log(element.title); 
      }  
     } 

    }); 
}; 

Wie wenn ich auf <button (click)="modalGetTitle()">Title 1</button> klicken und ich möchte die Json Antwort Titel in einem <span> machen, deshalb ist die Taste nur die Funktion auszulösen.

Atm ich bin immer nur das letzte Element aus der Antwort:

<a href="javascript:;" (click)="modalGetTitle()" class="float-shadow" *ngIf="journey.journey_url == 'javascript:;' ">{{journey.title}} </a> 

Answer 1

Sie dies versuchen können, wenn ich verstehe Ihre Frage.

<button ng-click="modalGetTitle()"><span id="spanId">Title</span></button> 

in Regler können Sie definieren Funktion

  $scope.modalGetTitle = function(){ 
var title = document.getElementById('spanId').innerHTML 
      this.http.get('../../xmlConf/dashboard_journey.json') 
       .map((res:Response) => res.json()) 
       .subscribe(data => { 
        if(data) { 
         var jsonObj = JSON.parse(JSON.stringify(data)); 
         this.oJourney = jsonObj.o.journey; 
         this.getJourneyTitle = this.oJourney; 

         for (var i = 0; i < this.getJourneyTitle.length; i++) { 

          var element = this.getJourneyTitle[i]; 
     if(element == title){ 
          console.log(element.title); 
     } 
         }  
        } 
       }); 
      } 

Answer 2

Sie etwas als Parameter Ihrer Methode übergeben konnte. Zum Beispiel:

<button (click)="modalGetTitle('title1')">Title 1</button> 

Answer 3

tun es wie folgt

<button (click)="modalGetTitle(this)">Title 1</button> 
function modalGetTitle() { 
    alert(objButton.textContent); // this will show "Title 1" 
}