在ng-repeat内生成ng模型

 mobiledu2502913517 发布于 2023-01-18 11:35

我一直在阅读一些主题,但无法找到解决这个问题的方法.

我试图在ng-repeat内添加ng-model,如下所示:


          {{ list.number }} {{ list.description }} 

列表值是这样的:

$scope.lists = [

    {

        value:'value1',
        number: '1',
        description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',    
    },

    {
        value:'value2',
        number: '2',
        description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ', 
        },

        {
        value:'value3',
        number: '3',
        description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',            },
    ];

在ng-repeat循环中,我希望它构建一个像以下类似的ng模型formData.checkboxes.value1 formData.checkboxes.value2, formData.checkboxes.value3.

这可能吗?当我尝试上述方法时,没有显示出来.我在这做错了什么?

1 个回答
  • 首先,您应该formData.checkboxes在控制器中定义模型,如下所示:

    $scope.formData = {
        checkboxes: {}
    };
    

    ......你可以像这样填充它:

    <span ng-repeat="list in lists">
        <input type="checkbox" ng-model="formData.checkboxes[list.value]"/> 
                 {{ list.value }} {{ list.number }} {{ list.description }} <br/>
    </span>
    

    请看一下这个JSFiddle的工作示例.

    2023-01-18 11:38 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有