在 ng-repeat 中生成 ng-model

2024-01-26

我一直在阅读一些主题,但找不到我所坚持的这个主题的解决方案。

我正在尝试添加ng-model inside NG-重复像这样的东西:

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

列表值如下所示:

$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-model,如下所示:formData.checkboxes.value1 formData.checkboxes.value2, formData.checkboxes.value3 etc..

这可能吗?当我尝试上述方法时,什么也没有出现。我在这里做错了什么?


首先你应该定义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 http://jsfiddle.net/LX2Cn/用于工作示例。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 ng-repeat 中生成 ng-model 的相关文章

  • 减少 JavaScript 中的对象数组

    我在 javascript 中有一个想要减少的对象数组 请参阅下面的代码 6 位或以上的消息已验证 较少的消息未验证 我将他们按组分组 const myArray group groupA message Text without a nu
  • JW Player - 视频可以在 Chrome 中播放,不能在 Firefox 或 IE 中播放

    See 工作链接 http www 888behindthescenes com test 在主页上我有两个视频 intro video 和 video container 在 chrome 下我没有问题 但在 firefox 和 IE 中
  • Android 上的 setTimeOut() 相当于什么?

    我需要等效的代码setTimeOut call function milliseconds 对于安卓 setTimeOut call function milliseconds 您可能想查看定时任务 http developer andro
  • 使用 vue.js 显示 json 结果

    您好 我尝试使用 vue js 显示 json 文件结果 目标是结果将显示在值上 这是我的代码 data return fetchData function var self this self http get api casetotal
  • 如何在 guildMemberAdd 中使用awaitReactions

    当用户连接到我的服务器时 我向他们发送消息 并且我想通过单击反应来继续授权 我怎样才能创建这个 我正在使用以下代码 robot on guildMemberAdd gMembAdd gt gMembAdd send Hi gMembAdd
  • 无法使用 Node.JS 将 null 值发送到 MySQL 数据库

    我正在尝试发送null使用 Node JS 到我的 MySQL 数据库 con query INSERT INTO Routes routeTrigger VALUES null title test function err result
  • 自定义过滤器在 Angular Hybrid 应用程序中不起作用

    我正在尝试将 AngularJS 1 6 应用程序与 Angular 5 一起转换为混合应用程序 我定义了以下简单过滤器 function use strict var filterId colorPicker angular module
  • 当容器有选择框时 jQuery mouseleave 触发问题

    我有两个容器 一个嵌套在另一个容器内 当我将鼠标悬停在父容器上时 我希望显示子容器 当我鼠标移出时 我希望子容器淡出 我遇到的问题是子容器有一个包含 选择框 的表单 当用户选择选择框时 会意外触发 mouseleave 事件 如何阻止选择框
  • 元素上的 jQuery touchSwipe 事件阻止滚动

    我有一些清单div元素垂直排序 使用jQuery TouchSwipe 插件 https github com mattbryson TouchSwipe Jquery Plugin添加了滑动事件来捕获左右滑动 想法是通过向左或向右滑动来从
  • Imperavi Redactor 内容未复制到隐藏文本区域

    我正在尝试使用因佩拉维编辑器 http imperavi com redactor 在这里控制我的富文本编辑 div class control group div class controls div div document ready
  • navigator.platform 在 ARM Mac 上的价值是什么?

    苹果有released https www apple com apple events november 2020 几款基于采用 ARM 架构的 M1 芯片的新计算机 与之前基于 x86 架构的计算机相比 的价值是多少navigator
  • Cordova - 已弃用尝试访问非导航器对象上的属性“userAgent”

    我正在尝试让我的 Cordova iPhone 应用程序在 iOS 8 1 中运行 在 7 中工作正常 从 8 开始出现以下错误 Deprecated attempt to access property userAgent on a no
  • 如何使 Loopback 模型事件起作用?

    我尝试过一个例子http apidocs strongloop com loopback model http apidocs strongloop com loopback model MyModel on changed functio
  • JavaScript 中的自定义“确认”对话框?

    我一直在开发一个使用自定义 模式对话框 的 ASP net 项目 我在这里使用吓人引号 因为我知道 模式对话框 只是我的 html 文档中的一个 div 它被设置为出现在文档其余部分的 顶部 而不是真正意义上的模式对话框 在网站的许多部分
  • 使用 Jasmine 测试 Angular 异步服务

    我正在尝试使用 Jasmine 测试真正的 http 调用 集成测试 但是当我调用使用 http get 的方法时 它会超时并且服务器永远不会被调用 我知道我应该注入 http 的实现 但不确定应该在哪里发生 搜索服务 app servic
  • 按位非运算符

    为什么要按位运算 0 打印 1 在二进制中 不是0应该是1 为什么 你实际上很接近 在二进制中 不是0应该是1 是的 当我们谈论一位时 这是绝对正确的 然而 一个int其值为0的实际上是32位全零 将所有 32 个 0 反转为 32 个 1
  • R:动态创建变量名

    我正在寻找使用 for 循环创建多个数据帧 然后将它们缝合在一起merge 我可以使用创建我的数据框assign paste blah 但是 在同一个 for 循环中 我需要删除每个数据帧的第一列 这是我的代码的相关部分 for j in
  • 如何在 Android 设备(平板电脑和手机)方向更改时获得正确的窗口宽度

    我正在尝试使用 jquery 函数计算 Android 设备方向变化时的窗口宽度 window outerWidth true 此计算给出了两个方向变化的正确宽度iphone and ipad但在安卓中不行 如果我最初以横向模式或纵向模式加
  • 取消子项上的 ng-swipe-right

    在我的角度应用程序中 主体有一个ng swipe向右和向左切换侧边栏 问题是当我的页面中有一个可滚动的水平 DIV 时 它不会因为身体的滑动而滚动 div class scrollable x long content that overf
  • CasperJS:如何单击所有选定的按钮?

    我正在尝试使用 CasperJS 作为网络抓取工具 并且有一个带有按钮的页面 单击该按钮将加载数据 因此 我想先单击所有这些按钮 然后等待 然后再实际进行查询以获取所有必要的数据 问题是对于 Casper casper thenClick

随机推荐

  • 阻止用户输入字母? C++

    你好 我是 C 新手 但我有一个小问题 那就是我必须阻止用户在数字部分输入字母 我做了一次尝试 虽然有效 但很狡猾 因为它将允许用户继续 然后告诉他们出了问题并重新启动应用程序 我如何验证它以显示错误消息 告诉他们这不是数字并让他们重新输入
  • 如何根据对象索引合并两个列表 - 保留属性?

    我想合并两个列表 保留每个对象的索引 mylist lt list 1 NULL 2 otherlist lt list NULL 3 NULL 4 5 6 Desired list 1 3 2 4 5 6 my try suppressW
  • System.IO.IOException:使用 Directory.EnumerateDirectories 时句柄无效

    我有一个窗口服务可以将东西导入到我的系统中 有时我会收到 System IO IOException 句柄无效 有谁知道为什么会出现这种异常 下面你可以看到触发异常的代码 foreach string directoryPath in Di
  • 使用 OSMnx 提取约束多边形

    我正在使用 OSMnx 包来解决以下任务 地图上有一个由纬度和经度定义的点 X 我们需要检测包含该点 X 并受到相邻道路约束的多边形 所以基本上点 X 位于多边形内部 相邻道路将是该多边形的边界 到目前为止 我只设法在地图上绘制图形的可视化
  • 从函数返回后更改 ggplot 对象的点大小

    假设我有一个返回 ggplot 对象的函数 getplot function x rnorm 16 y rnorm 16 dat data frame x y myplot ggplot dat aes x y geom point myp
  • 所有公共结构都会产生对隐式删除的默认构造函数的调用

    我明白什么call to implicitly deleted default constructor意思是但我不明白为什么我会在这里得到它 struct TransformData enum type t kDelay 0 kScale
  • 编写一个可以采用 Int 或 Double 值的 scala 函数

    我编写了一个函数来接受以下类型的值 1 数组 1 0 2 0 3 0 这是一个元组 其中 Int 是第一个值 下一个是双精度数组 我还希望它也接受整数数组 我写的函数如下 def getCountsAndAverages T Paramet
  • C# 使用 NumberLong 将 mongodb bson 转换为 json

    我有一个动态 mongoDB bson 文档 我尝试将其反序列化为 C Dictionary 对象 bson 文档包含 LongNumber 类型 我遇到了麻烦 var json entity BsonValue ToJson JsonCo
  • 如何使用生成器形成多个管道?

    我正在使用 python 并且正在尝试找到一种将多个生成器优雅地链接在一起的方法 问题的一个例子是 例如 有一个根生成器 它提供某种数据 每个值都像级联一样传递给它的 子级 而级联反过来可能会修改它们接收的对象 我可以走这条路 for x
  • jQuery:表单序列化、隐藏字段和不显示字段

    我在用 this serialize 提交表格时 它工作得很好 除了当我 由于某种原因 有两个具有相同名称的字段 一个可见 一个不可见 而且我不是在谈论type visible but display none 但是当然serialize不
  • 没有 Google Fonts 2 的 Bootstrap CSS (Bootswatch)

    我正在开发一个网页 并使用 Bootswatch 进行样式设置 有时我必须离线工作并在本地托管 不幸的是 Bootswatch 无法离线使用 因为它使用了 Bootstrap css 版本 并且开头带有额外的字体 import url ht
  • VBA 词。超链接的HighlightColorIndex 返回 9999999

    我正在 Word 中编写一个宏 以删除突出显示的所有超链接的突出显示wdGray25 对所有超链接的搜索是通过以下方式完成的 For Each oLink In ActiveDocument Hyperlinks If oLink Rang
  • 在IntelliJ IDEA中添加AAR而不使用gradle

    如何将aar module添加到IDEA中的项目中 没有gradle 使用ant 对于 Android Studio 这几乎是一样的 我找到的唯一解决方案是将 aar 内容提取到文件夹中以与导入模块过程一起使用 File gt Projec
  • 构建应用程序时出现“找不到资源”错误

    我想将我的 Eclipse 项目迁移到 Android Studio 我曾经使用 minSdkVersion 8 构建项目 但我想添加需要 minSdkVersion 10 的新功能 我正在运行 Android Studio 1 1 0 导
  • Angular:ng-init 不在负载上运行

    我已经看到了一些有关 ng init 问题的堆栈溢出示例 尽管我似乎找不到使用控制器引用它的示例 我通过在 html 文件中包含以下内容来调用控制器中的函数 div class tab container 在控制器中 scope init
  • R:控制直方图箱的数量

    我正在使用 hist 函数来分析我生成的一些数据 对于分析测定 我想精确控制直方图箱的数量 我知道 中断参数 并且我可以看到 在许多情况下 垃圾箱的数量与中断的数量有直接关系 即 no bins no breaks 1 由于 R 的算法 情
  • 花栗鼠碰撞检测

    我对花栗鼠完全陌生 而且我刚刚使用它几天 所以我猜这是非常明显的事情 但是我找不到任何相关文档 Chipmunk 中是否有任何回调或方法可以告诉您 2 个给定的形状发生了碰撞 如果不是 最好的方法是简单地在精灵上使用 cgrect cont
  • iOS 6 自定义 URL 方案启动图像错误

    我已经在我的应用程序中实现了自定义 URL 方案 另外 我使用以下命令对启动图像有不同的名称UI启动图像文件键入 info plist 文件说 如果您的应用程序支持一个或多个自定义 URL 方案 它还可以 为每个 URL 方案提供自定义启动
  • 无法从外部机器连接到kafka

    我从 Apache Kafka 开始 当我尝试从外部机器连接时遇到问题 使用下面的配置 如果应用程序和 docker 在同一台机器上运行 则一切正常 但是当我将应用程序放入机器 A 并将 docker 放入机器 B 时 应用程序无法连接 我
  • 在 ng-repeat 中生成 ng-model

    我一直在阅读一些主题 但找不到我所坚持的这个主题的解决方案 我正在尝试添加ng model inside NG 重复像这样的东西 span span