使用angularjs中的ngcheck获取属性值

时间:2014-06-22 19:22:39

标签: javascript angularjs

li中,用户可以选择项目,每个项目都有url属性,系统最终可以存储它们。

在我的情况下,我无法实现真值,因为我的复选框的ng-model因其他逻辑而被占用。

演示http://plnkr.co/edit/p1fBW3swPHnyBQGBD6Xj?p=preview

我想获取所选网址并提醒它。

1 个答案:

答案 0 :(得分:1)

您需要修复复选框绑定:

  <input ng-show="showC || checked" type="checkbox" ng-model="checked">

应该是:

  <input ng-show="showC || checked" type="checkbox" ng-model="item.checked">

并获取getLinks函数中的所有选中项:

  $scope.getlinks = function(){
    var urls = '';
    angular.forEach($scope.lists, function(item){
      if(item.checked === true){
        urls += item.url + '\n';
      }
    });

    alert("selected Links: " + urls);
  };