So erhalten Sie den ausgewählten Wert von ng-repeat

Dies ist mein Code.So erhalten Sie den ausgewählten Wert von ng-repeat

Ich bekomme Daten durch ng-Wiederholung und zeige es wie in der folgenden Code gezeigt.

Was ich will ist, wenn ich auf einen der beiden Namen klicke, dann sollte es mich mit diesem Namen warnen. Wie kann ich das erreichen?

var myfriend = angular.module('myfriend',[]); 
 

 
myfriend.controller('myfriendController', function($scope) 
 
{ 
 
    $scope.record = [ 
 
     {  "id" : "01", 
 
      "firstname" : "Mohan ", 
 
      "middlename" : "K", 
 
      "lastname" : "Futterkiste1" 
 
     },{ 
 
      "id" : "04", 
 
      "firstname" : "Rohan ", 
 
      "middlename" : "A", 
 
      "lastname" : "Futterkiste2" 
 
     },{ 
 
       "id" : "08", 
 
      "firstname" : "sohan ", 
 
      "middlename" : "M", 
 
      "lastname" : "Futterkiste3" 
 
     } 
 
    ] 
 
       
 
    
 
});

<html> 
 
    <head> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 

 
    </head> 
 
    <body ng-app="myfriend"> 
 
    
 
    
 
    
 
    <table class="table" style="border:1px red solid; width:100%; " ng-controller="myfriendController"> 
 
\t \t  <thead> 
 
\t \t  <tr> 
 
\t \t  \t <th>Id</th> 
 
\t \t   <th>First name</th> 
 
\t \t   <th>Middle name</th> 
 
    \t \t   <th>Last name</th> 
 
\t \t  </tr> 
 
\t \t  </thead> 
 
\t \t  <tbody> 
 
\t \t  <tr ng-repeat="x in record"> 
 
    \t \t   <th>{{x.id}}</th> 
 
    \t \t   <th ng-click="selectInfo(x.id)"> {{x.firstname}}</th> 
 
       <th>{{x.middlename}}</th> 
 
       <th>{{x.lastname}}</th> 
 
\t \t  </tr> 
 
\t \t  </tbody> 
 
\t </table> 
 
    <body> 
 
</html>

Quelle

2017-01-19 Mohammed

Sie müssen Ändern Sie HTML und fügen Sie selectInfo Funktion in der Controller-Datei hinzu.

html

<table> 
     <tr ng-repeat="x in record"> 
        <th>{{x.id}}</th> 
        <th ng-click="selectInfo(x.firstname)"> {{x.firstname}}</th> 
        <th ng-click="selectInfo(x.middlename)">{{x.middlename}}</th> 
        <th ng-click="selectInfo(x.lastname)">{{x.lastname}}</th> 
        </tr> 
    </table>

Code

$scope.selectInfo=function(name){ 
alert(name); 
}

Quelle

2017-01-19 11:23:06

Sie werden so weit gut. Sie haben das ng-click-Ereignis hinzugefügt. Aber AAL Sie tun müssen, um den Namen zu bekommen in der Steuerung ist, müssen Sie sich als arguement das aktuelle Element PAAS Here <th ng-click="selectInfo(x)">{{x.firstname}}</th>

und in der Steuerung machen eine Funktion

$scope.selectInfo = function (item) { 
    alert(item.firstname); 
    // Or use this to do whatever you want 
}

Quelle

2017-01-19 11:21:46 Shubhranshu

So erhalten Sie den ausgewählten Wert von ng-repeat

Antwort

Verwandte Themen