当前位置: 首页 > 面试题库 >

角度-可重用对话框

云韬
2023-03-14
问题内容

我需要建立一个对话框来与项目列表中的任何项目一起使用。该对话框与项目无关,几乎相同,只是字段的值显然与项目相关。

我正在构建的指令正在从文件中读取模板,使用$
compile对其进行编译,然后将其绑定(链接)到该项目的范围。绑定的结果是一棵DOM树。为了使对话框可见,我需要将此树附加到现有DOM中的某些元素上。对话框的性质使得将其直接附加到body标签是有意义的。该对话框将与列表中的不同项目一起多次使用

所以这是我的问题:可以预先完成多少个过程(编译,绑定,追加)?我当然可以运行一次编译。我还可以将编译结果绑定到$
rootscope并将其追加(隐藏)到body标签。这样,以后我可以打开可见性并显示对话框。

但是,如果它已经绑定并附加到DOM,是否可以将其重新绑定到其他作用域?如果是的话,正确的方法是什么?另一个问题是值得吗?可能只是在需要时重新插入它?


问题答案:

我认为这是一个很好的问题。您想知道是否可以“热交换”元素的范围。我不知道是否有办法做到这一点,或者即使有,这也是Angular的方式。我认为您了解了ng-
view
如何发挥作用,达到了您的目标?

我的建议是在某个地方进行一次$ compile,保留结果,链接或包含函数或Angular所谓的任何内容。并为对话框的每个所需实例调用它。



 类似资料:
  • 我试图从实际对话框控制器的视图关闭并重新打开对话框。最终发生的情况是,在对话框关闭/打开后,它不会再次正确关闭。Escape在某些浏览器上工作(但覆盖仍保留),单击背景可能会导致对话框关闭,但覆盖仍保留(取决于浏览器)。 问题:如何从对话框控制器上的函数/按钮/事件关闭/重新打开对话框,以及对话框的关闭是否正常(在转义或单击背景时)。 下面的演示只是一个简单的示例,演示了这个问题,因为我将执行下一

  • 问题内容: 我有一个表示日历日期的JSON对象。这些是通过CMS添加的,我希望能够根据日期对其进行过滤。我的架构设置使这比我想象的要困难得多。是否可以在此JSON对象中按天值订购或是否存在过滤器解决方法? 这是我的JSON对象: 这是我的视图,该视图已经使用自定义过滤器按月过滤。orderBy无法正常运行,但我将其保留为占位符以显示我要在何处设置功能。 问题答案: 您应该能够定义一个自定义排序功能

  • 问题内容: 我正在尝试实现一个全局加载对话框…我想调用一些静态函数来显示该对话框,并调用一些静态函数来关闭该对话框。同时,我正在主线程或子线程中做一些工作。 我尝试了以下操作,但对话框没有更新…最后一次,在再次隐藏之前,它会更新… 问题答案: 如果未设置动画,则表示您正在显示加载框架时在事件分发线程中进行工作。此后台工作应在另一个线程中完成。 这是一个不起作用的示例: 这是一个工作示例: 旁注:实

  • 好的,我有这个 我一直在试着把它显示在视图中。 因为它不是一个json数组,所以angular只是使用 null 编辑 下面是完整的json

  • 我有一个有3个字段的表单:类型(单选按钮)、名称和地点。如果我选择值'Y'从单选按钮验证应出现的名称和地点。如果我选择值'N'从单选按钮验证不应该显示的地方。请帮我实现功能。工作stackblitz:https://stackblitz.com/edit/angular-ivy-jzjh4j?file=src/app/app.component.ts TS

  • 我试图在Angular 2 Alpha 28中做一些事情,并且对字典和有问题。 我在TypeScript中有一个界面,如下所示: 在JavaScript中,这将转换为具有数据的对象,该对象可能看起来像这样: 我想重复一下,并尝试了以下方法: 但是,以下任何一项都不起作用: 在所有情况下,我都会收到错误,例如或 我错过了什么?这再也不可能了吗?(第一个语法在Angular 1. x中工作)或者迭代对