javascript - Angular.js - 如何访问 ng-repeat 中 ng-model 的值

标签 javascript angularjs

我有以下 HTML:

<div ng-controller="PageController as page">
    <li ng-repeat="user in page.user_data.users">
     {{user.name}}
     <button ng-model="user.followed" ng-click="page.toggleFollow(user.id)">{{user.follow_text}}</button>
    </li>
</div>

如何访问或更改函数 toggleFollowuser.followed 的值?

(function(){
    angular.module('app')
    .controller('PageController', ['$scope', UserService, PageController]);

    function PageController($scope, UserService){

        var me = this;
        me.user_data = [];           

        me.getUsers = function(){
           UserService.getUsers().then(function(data){
             me.user_data = data;
           });
        };

        me.toggleFollow = function(user_id){
         //how to get or modify the value of user.followed from here?

        };

    };
})();

最佳答案

不要只传入您关注的用户的 ID,而是传入整个用户对象。

<button ng-model="user.followed" ng-click="page.toggleFollow(user)">{{user.follow_text}}</button>

me.toggleFollow = function(user){
    var followed = user.followed;
};

关于javascript - Angular.js - 如何访问 ng-repeat 中 ng-model 的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26900445/

相关文章:

javascript - 使用attr替换html宽度标签

javascript - 从 JavaScript 函数返回多个变量?

javascript - AngularJS 编码技巧

javascript - 使用 karma 运行单元测试时出错

javascript - 在一个函数中验证多个表单域

javascript - .on 在处理附加节点时出现问题

javascript - Confluence 中的 AngularJS

javascript - AngularJS 中的工厂 "is not defined"

javascript - 在html中显示服务器端的jpg图像数据时出错

angularjs - 在 Angular 中使用 $q 链接 promise