问题标签 [dynamic-html]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - 角度和动态 HTML
具有动态 HTML 和 Angular 的页面的最佳方法是什么?我的意思是,我正在使用 DataTables.net 来显示搜索结果,并且我需要能够使用 Angular 编辑每个单元格。当然,HTML 没有在 Angular 中绑定,因为它是在执行搜索之后创建的,并且 Angular 已经将 hmlt 绑定到它的范围。
javascript - 在按钮单击时添加带有动态 HTML 的表单
我有一个网站应用程序http://firstusadata.com/cash_flow_test/我想添加一些功能,但没有成功。
这个想法是能够通过单击一个按钮添加供应商信息表单,然后能够通过单击不同的按钮将产品添加到该特定供应商信息表单。下图显示了供应商信息按钮以及添加产品按钮。
目前,如果我删除供应商信息表单 (div id="dynamic_content_1") 的动态 html 函数,如下所示,添加产品按钮有效,它将在前一个产品线下方附加新产品线。我相信我的错误位于该区域的某个地方,但我不确定。
我对 jquery 相当了解,所以对于那些更有经验的人来说,我可能会遗漏一些非常明显的东西,我非常感谢您的帮助。
model-view-controller - MVC 在视图中设置选定的选项值
我无法在我的选择中获得选择的值。如果选项值与项目的选定值相同,我想在选项中查看该选定值。但现在它显示了 foreach 循环中的最后一个值。
这是我的控制器;
这是我的看法;
javascript - 动态添加按钮也动态添加文本框AngularJS
我有这个 JSFiddle 代码:
http://jsfiddle.net/rnnb32rm/285/
JS:
如您所见,我有一个addNewChoice()
将对象添加到数组的函数choicesA
,然后根据choicesA
数组上的对象编号添加文本框。
fieldset
只有当我单击第一个上的Add fields
按钮时,我才需要将文本框添加到第一个fieldset
,并且我在这些生成的文本框中写入的数据被绑定并添加到choicesB
数组中的单独对象中。对于所有其他Add fields
按钮也是如此(因此每个Add field
按钮只能将文本框添加到自己的fieldset
标签中),这也是根据choicesA
数组中对象的数量生成的。
我什么都试过了,就是想不通。如果有点不清楚,我可以解释更多。提前谢谢你。
编辑:谢谢大家的大力帮助,让我解释一下:
我有一个 Spring REST API 和两个Java
名为 Resource & Action 的对象(JPA 实体),对象 Resource 包含一个 Action 列表,Action 包含对 Resource 的引用。
Resource
当我加载一个页面时,我得到一个我已经保存的对象数组,通过一个 $http.get() 方法从数据库返回,命名为choicesA
,数组的结构是这样的:
我有另一种方法 $http.post() ,它发布一个Action
名为choicesB
单独非嵌套数组的对象数组。数组结构是这样的:
所以choicesA
数组包含了Resource
我用 $http.get() 得到的对象,然后我想Action
在数组中填充对象,choicesB
然后使用 $http.post() 保存数组,每个都Action
应该包含一个Resource
对象。例如,如果我单击以在第一个fieldset
标记中添加更多操作,则意味着我要填充数组中的第一个Action
对象,并将位于数组中choicesB
的第一个对象分配给它等等。Resource
choicesA
我希望能够决定动作的数量并填写它们,然后将它们保存到choicesB
数组中。Resource
但是每个动作都与我描述的特定对象相关。
我希望现在很清楚,对不起,再次感谢您。
dom - 如果找不到,有没有办法告诉反应动态创建 div
新的反应,我想知道是否有任何解决方法可以解决这个错误:
_registerComponent(...): Target container is not a DOM element.
编辑我想要做的是:
我有一个反应功能,如:
ReactDOM.render(React.createElement(someFunction,{data:someData}),document.getElementById('someID')
生成一个dom
like:
现在在上一个 react 调用的下一行,我有其他函数正在尝试使用上面创建的 div 做一些事情:
这给了我:
_registerComponent(...): Target container is not a DOM element.
但我可以看到它存在于 DOM 中
那么如何访问这个虚拟 domdiv
呢?并在其中加载一些内容?
PS:我知道一种方法,dangerouslySetInnerHtml
但正在寻找一种更好的方法
javascript - 需要单击内部窗口才能使 onpaste 工作
这个想法是在页面级别处理粘贴事件(与在单个输入字段/元素级别处理它相反)。解决方案是将粘贴事件处理程序绑定到顶级 div 元素。
问题是,在粘贴事件开始触发之前,用户必须在页面首次加载后首先物理单击浏览器窗口内的任何位置(即使浏览器窗口本身处于焦点位置)。
问题是:如何在没有此步骤(必须在窗口内单击)的情况下使页面对粘贴敏感?
我尝试过但不起作用的技术:
- 以编程方式将外部 div 集中在加载上(参见下面的 js 代码)
- 在加载时以编程方式单击外部 div(请参见下面的 js 代码)
注意:我的实际项目是一个相当复杂的 Angular 网页,幸运的是,我能够使用纯 HTML/javascript 复制该行为。
注意: div 上的粘贴事件似乎仅在 Chrome 中有效。所以不要在 MSIE 或 FF 中尝试这个。不过,跨浏览器支持是另一个我想单独解决的问题。
测试 html 页面以复制问题:
jquery - 我正在尝试将 onclick 事件添加到 UI 中动态生成的 html 标记中,我使用的是 angular 2
这是我的代码..
数据内容将在 .ts 文件中生成,例如。
但是点击事件
(click)='draw3D()' 这个函数在同一个.ts文件中
没有被调用。
我知道原因可能是在 angular 2 中动态附加 html 标签的方式不正确。
如果他们解决了类似的问题,任何人都可以帮助我。
javascript - 使用 javascript 将字符串替换为 html 内容
我有这个来自 JSON 的字符串渲染“我是 1 美元的前端开发人员,从 3 美元开始以 2 美元的价格工作”。
现在,我想用动态 html 输入文本框替换$1$,$2$
和$3$
。所以,输出应该是我
<-input textbox here> frontend developer works at <-input textbox here> from <-input textbox here>.
我尝试使用字符串替换方法。但它似乎只适用于字符串。我可以使用任何其他方法来使用 javascript/jquery 来实现这一点
javascript - 通过 html 表中的箭头键导航
我已经为 html 表格编写了代码,并希望像在 excel 中一样使用箭头键向上/向下/向左/向右导航。
https://jsfiddle.net/daa3muLp/6/ 是创建的小提琴帖子。它适用于上/下箭头键和 ctrl+右/左,但问题是当使用添加员工按钮动态添加列时。
我什至尝试过使用.on()
jquery,但它没有用。