ng-clickを使用してタブラベルのテキストを取得するにはどうすればよいですか？

Question

私は何かの解決策を探して、li ng-clickでタブラベルテキストを取得します。私は複数のオプションのラジオボタンを使用しています。私はローカルタブボタンをクリックして、poin to radioボタンを選択したとします。私はラジオボタンの値を取得していますが、私もカテゴリ名（ローカル& outstation）が必要です。ここで

<ul class="tabs"> 
<li class="tab-link current" data-tab="tabs-1">LOCAL</li> 
<li class="tab-link" data-tab="tabs-2">OUTSTATION</li> 
</ul> 
<div id="tabs-1" class="tab-content current"> 
            <div class="tab-elements"> 
             <div class="checkboxes-demo"> 
              <div class="fac fac-radio fac-default"><span></span> 
               <input id="box1-fac-radio" type="radio" name="radioPlatFormName" ng-change="radioPlatForm('Point to Point')" value="Point to Point" ng-model="selectCar.platform"> 
               <label for="box1-fac-radio">Point to Point</label> 
              </div> 
              <div class="fac fac-radio fac-default"><span></span> 
               <input id="box2-fac-radio" type="radio" name="radioPlatFormName" ng-change="radioPlatForm('Hourly')" value="Hourly" ng-model="selectCar.platform"> 
               <label for="box2-fac-radio">Hourly</label> 
              </div> 
             </div> 
            </div> 
           </div> 
           <div id="tabs-2" class="tab-content"> 
            <div class="tab-elements"> 
             <div class="checkboxes-demo"> 
              <div class="fac fac-radio fac-default"><span></span> 
               <input id="box3-fac-radio" type="radio" name="radioPlatFormName" ng-change="radioPlatForm('One Way')" value="One Way" ng-model="selectCar.platform"> 
               <label for="box3-fac-radio">One Way</label> 
              </div> 
              <div class="fac fac-radio fac-default"><span></span> 
               <input id="box4-fac-radio" type="radio" name="radioPlatFormName" ng-change="radioPlatForm('Round Trip')" value="Round Trip" ng-model="selectCar.platform"> 
               <label for="box4-fac-radio">Round Trip</label> 
              </div> 
             </div> 
            </div> 
           </div> 

は、あなたがこの方法を行うことができますラジオボタンの値に

var appModule = angular.module('cormobApp', []); 
appModule.controller('selectCarCtrl', function($scope) { 
      $scope.radioPlatForm = function(platformChange) { 
       $scope.platformSelected = platformChange; 
      } 

Answer 1

<span class="third-text-right" ng-if="selectCar.platform == 'Hourly' || selectCar.platform == 'Point to Point'">Local</span> 
<span class="third-text-right" ng-if="selectCar.platform == 'One Way' || selectCar.platform == 'Round Trip'">Outstation</span> 

私は、任意のサブオプションをクリックしたときに、それがそのスパンが表示されます条件とラジオボタンの値の一致を比較する選択されたタブを示すために2つのスパンを使用していました。

ご連絡ありがとうございます。ありがとうたくさん

Answer 2

を取得するための私のアプリのコードです。お使いのコントローラ内部のあなたのHTML内

<li class="tab-link current" data-tab="tabs-1" ng-click="TabName('Local')">LOCAL</li> 
<li class="tab-link" data-tab="tabs-2" ng-click="TabName('Outstation')">OUTSTATION</li> 

$scope.TabName= function(name) { 
      alert(name);// You can get selected tab name here 
    } 

Answer 3

は、JS、HTML

0123上

$scope.local = "LOCAL" 
$scope.outstation = "OUTSTATION" 

$scope.localfunction = function (local) { 
$scope.platformSelected = local; 
} 

$scope.outstationfunction = function (outstation) { 
$scope.platformSelected = outstation; 
} 

でこのようにそれを

をしよう

<li class="tab-link current" data-tab="tabs-1" ng-click="localfunction('local')">{{ local }}</li> 
<li class="tab-link" data-tab="tabs-2" ng-click="outstationfunction('outstation')>{{ outstation }}</li>