加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – ng-repeat输入复选框中的Ng-model属性始终为字面值

发布时间:2020-12-17 08:52:47 所属栏目:安全 来源:网络整理
导读:所以我需要知道汽车的额外内容,而不是用户希望包含在他的偏好中. 我正在尝试从ajax请求获取的数组创建输入复选框,并通过ng-repeat生成输入.主要目标是了解用户选择的复选框.我想我的方法是创建一个辅助数组,其中包含选定的数组,但我不知道如何为ng-repeat迭
所以我需要知道汽车的额外内容,而不是用户希望包含在他的偏好中.
我正在尝试从ajax请求获取的数组创建输入复选框,并通过ng-repeat生成输入.主要目标是了解用户选择的复选框.我想我的方法是创建一个辅助数组,其中包含选定的数组,但我不知道如何为ng-repeat迭代中的每个项设置一个唯一的ng模型,这样我就可以知道所选的列表项目.我想我的角度知识还有一些东西.这就是我现在拥有的……

在控制器……

$http.get('/ajax/ajax_get_extras/'+$scope.car.version+'/false').success(function(data) {
                $scope.extras = data;
         });  
$scope.addExtra = function(){ // ... manage the auxiliar array }

在HTML中……

<div ng-controller="Controller">
        <form novalidate class="simple-form">
            <span ng-repeat="extra in extras">
                <input  type="checkbox" ng-model="extra.id" ng-change="addExtra()" name="extra_{{extra.id}}" >{{extra.name}} - <strong>{{extra.real_price | onlynumber | currency}}</strong>
            </span>
        </form>
</div>

我被困了,因为extra.id不会转换为真正的extra.id并保持为字符串“extra.id”> _< 我尝试了额外的_ {{extra.id}},extra.id,{{extra.id}},$index作为posibles ng-model,但没有效果.

在AngularJS 1.1.5中,您可以在ngRepeat中使用“track by”.

所以你可以:

<input type="checkbox" ng-repeat="e in extra track by $index" ng-model="extra[$index]">

这是一个例子:http://plnkr.co/edit/6lNo6R5EPsNGHUU6ufTE?p=preview

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读