热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Angular-循环遍历子指令中的表单元素-Angular-loopoverformelementsthatareinachilddirective

Ihaveaforminadirectivetemplate:我在指令模板中有一个表单:<formn

I have a form in a directive template:

我在指令模板中有一个表单:


    

and the child directive parm has a bunch of input elements on it and DOES NOT have it's own controller.

子指令parm上有一堆输入元素,并且没有自己的控制器。

I am trying to loop over every element that is on this form in my controller:

我试图在我的控制器中循环遍历此表单上的每个元素:

console.log(vmParms.frmTLParms);

angular.forEach(vmParms.frmTLParms, function(value, key) {
    // Do something with (value, key)
});

but the output from the console log is undefined

但是控制台日志的输出是未定义的

Any idea on how I can loop over all these form elements (I need to get information about $pristine which is why I need the form elements, not just the parameter objects)?

关于如何循环遍历所有这些表单元素的任何想法(我需要获取有关$ pristine的信息,这就是为什么我需要表单元素,而不仅仅是参数对象)?

2 个解决方案

#1


0  

make sure that parameter is two way data binding ("parameter" : "=" in the directive)

确保参数是双向数据绑定(指令中的“参数”:“=”)

try this:

angular.forEach(vmParms.truckloadParms, function(value, key) {
});

#2


0  

I ended up finding the issue:

我最终找到了这个问题:

This form was embedded in another earlier in the DOM. HTML5 does not natively do nested forms. Switching the tag to solved my problem.

此表单嵌入在DOM中较早的另一个

中。 HTML5本身不会嵌套表单。将标签切换为 解决了我的问题。

Thanks for the assistance @avim101!

感谢您的帮助@ avim101!


推荐阅读
  • 微信小程序中实现位置获取的全面指南
    本文详细介绍了如何在微信小程序中实现地理位置的获取,包括通过微信官方API和腾讯地图API两种方式。文中不仅涵盖了必要的准备工作,如申请开发者密钥、下载并配置SDK等,还提供了处理用户授权及位置信息获取的具体代码示例。 ... [详细]
  • 云函数与数据库API实现增删查改的对比
    本文将深入探讨使用云函数和数据库API实现数据操作(增删查改)的不同方法,通过详细的代码示例帮助读者更好地理解和掌握这些技术。文章不仅提供代码实现,还解释了每种方法的特点和适用场景。 ... [详细]
  • Redux入门指南
    本文介绍Redux的基本概念和工作原理,帮助初学者理解如何使用Redux管理应用程序的状态。Redux是一个用于JavaScript应用的状态管理库,特别适用于React项目。 ... [详细]
  • JavaScript 中创建对象的多种方法
    本文详细介绍了 JavaScript 中创建对象的几种常见方式,包括对象字面量、构造函数和 Object.create 方法,并提供了示例代码和属性描述符的解释。 ... [详细]
  • 实用正则表达式有哪些
    小编给大家分享一下实用正则表达式有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下 ... [详细]
  • 本文介绍了如何使用JavaScript的Fetch API与Express服务器进行交互,涵盖了GET、POST、PUT和DELETE请求的实现,并展示了如何处理JSON响应。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • 本文详细介绍了如何在现有的Android Studio项目中集成JNI(Java Native Interface),包括下载必要的NDK和构建工具,配置CMakeLists.txt文件,以及编写和调用JNI函数的具体步骤。 ... [详细]
  • 12月16日JavaScript变量、函数、流程、循环等***线上九期班
    12月16日JavaScript变量、函数、流程、循环等***线上九期班 ... [详细]
  • ElasticSearch 集群监控与优化
    本文详细介绍了如何有效地监控 ElasticSearch 集群,涵盖了关键性能指标、集群健康状况、统计信息以及内存和垃圾回收的监控方法。 ... [详细]
  • ssm框架整合及工程分层1.先创建一个新的project1.1配置pom.xml ... [详细]
  • 探讨ChatGPT在法律和版权方面的潜在风险及影响,分析其作为内容创造工具的合法性和合规性。 ... [详细]
  • 本题要求在一组数中反复取出两个数相加,并将结果放回数组中,最终求出最小的总加法代价。这是一个经典的哈夫曼编码问题,利用贪心算法可以有效地解决。 ... [详细]
  • 在寻找轻量级Ruby Web框架的过程中,您可能会遇到Sinatra和Ramaze。两者都以简洁、轻便著称,但它们之间存在一些关键区别。本文将探讨这些差异,并提供详细的分析,帮助您做出最佳选择。 ... [详细]
  • 本文探讨了在iOS平台上开发BLE(蓝牙低功耗)应用程序时遇到的挑战,特别是如何实现应用在后台模式下仍能持续扫描并连接蓝牙设备。文章提供了具体的配置方法和常见的问题解决方案。 ... [详细]
author-avatar
Belief
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有