どの「a」タグがクリックされたかを知る方法？ AngularJs Way

Question

私はすでにこの質問を検索しましたが、彼らの答えは私を解決しなかったので、私は新しいトピックを作成しました。タグのテキストを取得したい、つまり（ソロ/パートナー）。

これは私のsite.htmlの内側に何である：いただきました私のcontroller.js内部

<a href="#/app/partnerlistt" style="text-decoration:none"> 
    <div class="va-container"> 
      <div class="col va-btn"><b>partner</b></div> 
      </div> 
</a> 


<a href="#/app/sololist" style="text-decoration:none"> 
     <div class="va-container"> 
     <div class="col va-btn"><b>solo</b></div> 
      </div> 
</a> 

これは、次のとおりです。あなたのHTML内

var encodedString = 'action=' + 
    encodeURIComponent("Showsomething") + 
    '&position=' + 
    encodeURIComponent("solo/partner");//this is where my clicked a tag should be passed 

Answer 1

（あなたはSPAを使用するときにお勧めします）、あなたのルートを定義する角度$state.go('state');

が提供する$stateサービスを利用して良いです。 AngularJSでハードコードされたハッシュで遊んではいけません。

<a ng-click="navigateTo('partner')" style="text-decoration:none"> 
</a> 
<a ng-click="navigateTo('solo')" style="text-decoration:none"> 
</a> 

対応するコントローラ：フォルダディレクトリviews/modals

HTMLで

angular 
    .module('myApp') 
    .config(function ($stateProvider) { 
     $stateProvider 
     .state('partner', { 
     url:'/app/partnerlistt', 
     templateUrl: 'views/modals/partner.html' 
     }) 
     .state('solo',{ 
     url:'/app/sololist', 
     templateUrl: 'views/modals/solo.html' 
     }); 
}); 

てきたパートナーとソロのhtml注入する$stateサービス

$scope.navigateTo = function(to) { 
    $state.go(to); 
    var encodedString = 'action=' + 
    encodeURIComponent("Showsomething") 
    + '&position=' + 
    encodeURIComponent(to); 
}; 

Answer 2

：あなたのコントローラで

<a ng-click="go('partner')" style="text-decoration:none"> 
</a> 
<a ng-click="go('solo')" style="text-decoration:none"> 
</a> 

：

$scope.go = function(goTo) { 
    // do the hash redirect 
    window.location.hash = '#/app/' + goTo + 'list'; 
    // Here you can use the goTo parameter 
    var encodedString = 'action=' + 
    encodeURIComponent("Showsomething") 
    + '&position=' + 
    encodeURIComponent(goTo); 
} 

0123あなたが動的にリンクをロードするとき

---

さらに良いです：

コントローラー：

$scope.links = ['solo', 'partner']; 

HTML：

<div ng-repeat="link in links"> 
    <a ng-click="go(link)"> 
    {{link}} 
    </a> 
</a> 

Answer 3

あなたはあなたのコード

に小さな変更でそれを行うことができます

<a ng-click="goTo('#/app/partnerlistt', 'partner');" style="text-decoration:none"> 
     <div class="va-container"> 
       <div class="col va-btn"><b>partner</b></div> 
       </div> 
    </a> 


    <a ng-click="goTo('#/app/sololist', 'solo');" style="text-decoration:none"> 
      <div class="va-container"> 
      <div class="col va-btn"><b>solo</b></div> 
       </div> 
    </a> 

JS

$scope.goTo = funtion(url, type){ 
    console.log(type); 
    $window.location.href= url; 
};