angular2クリックでjson形式の文字列を取得

Question

clickイベントを使用してjsonレスポンスからタイトルを取得しようとしていますが、ボタンをクリックするとすべてのタイトルを取得できますが、どうすれば特定のタイトルを取得できますかbuttonまたはa hrefユーザーがクリックしましたか？ 同様

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); 
      }  
     } 

    }); 
}; 

私は<button (click)="modalGetTitle()">Title 1</button>をクリックすると、私は<span>でJSONレスポンスのタイトルをレンダリングしたい場合は、そのためのボタンだけの機能をトリガすることです。

気圧私は唯一の応答から最後の項目を取得しています：

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

Answer 1

のようにそれを行います。コントローラで

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

あなたが機能を定義することができます

  $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

あなたのメソッドのパラメータとして何かを渡すことができます。例えば：私はあなたの質問を理解していれば

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

Answer 3

は、あなたがこれを試すことができ、この

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