2016-03-29 9 views
0

Iベース: http://code.ciphertrick.com/2014/12/06/highlight-a-selected-row-in-ng-repeat-using-ng-class/ デモ:例では、[OK]を働いているが、私はボタンでクリックしたときに、私はボタン要素を追加する必要があると http://code.ciphertrick.com/demo/ngClass/Angularjs - この例では、選択された値の行

、私がしたいです例えば、アラートでのショー、名前欄の値は、「麺」

これは私のコードのhtmlです:

<table class="table table-hover"> 
    <thead> 
     <tr> 
      <th>Branch</th> 
      <th>Name</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="organizational in organizationals" ng-class="{'selected':$index == selectedRow}" ng-click="setClickedRow($index)"> 
     <td>{{organizational.branch}}</td> 
      <td>{{organizational.name}}</td> 
     </tr> 
    </tbody> 
</table> 
<button type="button" class="btn btn-default" ng-click="createSelectRowClick();">Select</button> 

これは私のjsのコードです:

$scope.managers = [ 
{name: 'Ana Faedo Iglesias'}, 
{name: 'Cristina Menendez'}, 
{name: 'Daniel Piriz'} 
]; 

$scope.selectedRow = null; 

$scope.setClickedRow = function(index){ 
    $scope.selectedRow = index; 
} 
$scope.createSelectRowClick = function(){ 
    if ($scope.selectedRow==null) 
    { 
    alert("Any rows selected"); 
    } 
    else 
    { 
    //alert("valuetd" + value td column name, about click row); 
    } 
} 

注:表はモーダルウィンドウ内にある、私はテーブルの行をクリックした場合、私は列の値を回復し、私は、ウィンドウのモーダルを閉じて、後、私はどこ列の値を置くことができます。

どうすればいいですか?ありがとう、

答えて

1

これはあなたの問題を解決します。

$scope.createSelectRowClick = function(){ 
    if ($scope.selectedRow==null) 
    { 
    alert("Any rows selected"); 
    } 
    else 
    { 
    alert("valuetd " + $scope.organizationals[$scope.selectedRow].name); 
    } 
} 
+0

¡¡¡完璧!!!、ありがとう、ありがとう、 – Eladerezador

+0

ようこそ。それを知ってうれしい。 –

+0

@Eladerezadorあなたは答えを受け入れることができますか? – vtokmak

関連する問題