如何处理基于Angular组件的体系结构中的对话框

时间:2016-02-19 22:27:47

标签: angularjs angularjs-components

我正在开发Angular 1.5中的应用程序。 我坚持基于组件的架构(https://docs.angularjs.org/guide/component) 和那里描述的输入/输出流程。

到目前为止,它工作正常,但现在我需要打开一个子组件作为对话窗口,我被卡住了。

从主组件开始渲染组件树时,架构很好。但我不知道如何获得其中一个孩子并将其显示为对话框,并仍然使用推荐的输入/输出流程。

你知道任何模式/库吗?

1 个答案:

答案 0 :(得分:3)

该库将是有角度的材料:

https://material.angularjs.org/latest/demo/dialog

模式必须是这样的:

// main-component.js
'use es6'
import myDialog from './my-dialog'
..
$mdDialog.show(myDialog({
  foo: 'bar',
  onSave: () => { .. }
}))

您将从父组件调用如下:

//Checking to fix error

希望这有帮助!