我如何在 iframe 中使用 ng-disable

Posted

技术标签:

【中文标题】我如何在 iframe 中使用 ng-disable【英文标题】:How I can use ng-disable in a iframe 【发布时间】:2018-05-07 20:02:47 【问题描述】:

我在 iframe 中将 ng-disable 设置为 true,在 iframe 中我调用了一个包含 textarea 的 html,但即使 iframe 被禁用,我也可以毫无问题地访问它。

如何或应该做些什么来禁用和启用 iframe 内的运行时 textarea 控件,使用 angular?

【问题讨论】:

这里有太多未知数。创建一个重现问题的 runnable 演示。您可以在 plunker 中创建 iframe 内容 【参考方案1】:

我认为 ng-disabled 仅影响 INPUT 元素 如果你想禁用整个 iframe 元素,你应该使用 ng-class 或 ng-show/ng-hide 并编写一个 cssClass 背景覆盖整个 iframe 以防止点击。

【讨论】:

你能举个例子吗?请。 plnkr.co/edit/XPTUujfQquEIVo7yXFJF?p=preview 在此示例中,我使用 ng-show 显示/隐藏 iframe-disable-background 类。你也可以使用 ng-class 来切换类

以上是关于我如何在 iframe 中使用 ng-disable的主要内容,如果未能解决你的问题,请参考以下文章

无法添加 ng-disabled 指令 ngJoyride

AngularJS 设置禁用/启用按钮而不使用 ng-disabled 和 ng-click 动态生成的 html

ng-disable 在 SVG 元素中不起作用

Angular 表单验证 ng-disabled 不起作用

ng-disabled 在 chrome 中不起作用。Button 没有在 Angular 中禁用

ng-repeat 下的 ng-disabled 函数调用正在无限循环中进行