javascript - 如何使用 Angularjs 从 ng-repeat div 中的隐藏输入中获取值

标签 javascript angularjs angularjs-ng-repeat

我有一个 Controller ,它将数据发送到 UI 并使用 ng-repeat 指令映射它们。接下来我想做的是将这些数据与隐藏的输入表单绑定(bind),并在单击事件发生时将其发送到 Controller 中的另一个函数中。知道如何实现这一点吗? 我的 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>

和 Controller :

$scope.searchAdmins = function(username){

    //To do
};

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

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

});

最佳答案

我想你想这样做:

<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>

关于javascript - 如何使用 Angularjs 从 ng-repeat div 中的隐藏输入中获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32845468/

相关文章:

javascript - 放大较大的网页时出现 OrbitControls 问题

javascript - 使用 Redis 和 PHP 进行分页

java - ajax POST + spring Controller 参数传递错误

javascript - pdfMake无法读取未定义的属性 '_calcWidth'

javascript - 创建一个可复制但不克隆的 Angularjs Web 表单

javascript - Angularjs 别名作用域

javascript - 使用 NgRepeat 访问匿名数组

JavaScript:从多个和的字符串中检索负 float

javascript - Uncaught ReferenceError : Stripe is not defined - STRIPE ERROR

javascript - 滚动结束后如何调用函数?