如何使用Angular.js从ng重复div中的隐藏输入中获取价值

Question

我有控制器将数据发送到UI并使用ng-repeat指令映射它们。下一步要做的是将数据与隐藏的输入形式绑定在一起，并在发生点击事件时将其发送到控制器的另一个函数中。完成这个？ 我的HTML看起来像这样：

<div class="card card-block" ng-repeat="admin in showAdmins">
<h3 class="card-title">{{admin}}</h3>
<input type="hidden" ng-value="{{admin}}" ng-model="username"/>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<button class="btn btn-primary"  ng-click="searchAdmins(username)">SeeProfile</button>
</div>

和控制器：

$scope.searchAdmins = function(username){

    //To do
};

github.users('admins.php').then(function(users){

    $scope.showAdmins = users;
    console.log($scope.showAdmins);

});

Answer 1

我认为您想这样做：

<div class="card card-block" ng-repeat="admin in showAdmins">
    <h3 class="card-title">{{admin}}</h3>
    <input type="hidden" ng-model="admin"/>
    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
    <button class="btn btn-primary"  ng-click="searchAdmins(admin)">SeeProfile</button>
    </div>

Answer 2

http://plnkr.co/edit/IzJkvLJoTHLtVzobWPpZ?p=preview

var app = angular.module（'app'，[]）;

app.controller（'testctrl'，function（$ scope）{

var users = [

{
  user : 'User1'
}, {
  user : 'User2'
}, {
  user : 'User3'
}

];

$ scope.showAdmins =用户；

$ scope.searchAdmins =函数（用户）{

警报（用户）; }

}）;

HTML

<div  ng-repeat="admin in showAdmins">
<h3 >{{admin.user}}</h3>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<button class="btn btn-primary"  ng-click="searchAdmins(admin.user)">SeeProfile</button>

谢谢你，柴坦亚