问题标签 [paper-dialog]

Can Polymer's paper-dialog be used with Angular2 Dart? The only discussion I could find was a question here.

I tried incorporating the code into my angular component. It didn't like $['dialogArtist'] on the dialog open. I then create a new class

The $['dialogArtist] worked there. Then I had problems with form data. It kept looking for it in the component and not the dialog. The dialog html is in the same file as the component html so that may have something to do with it. When I commented out the form. It complained about a missing intializer for the dialog class. Are there any examples of opening a Polymer paper-dialog from a Angular2 Dart component?

I think all I need to know is what I need to put in the component to open a dialog and get data from it. I presume the example in the link above is good one for a dialog class. Also where does the dialog html go?

Pertinent parts of my angular component:

My polymer component:

index.html:

This is my html for the diaglog box. It's in the same file as the component html.

在使用 Polymer 和 JavaScript 进行开发时，我还是个新手，我觉得我切换纸质对话框的方式不是最好的方式，或者可以改进。目前，我尝试从自定义元素外部调用 toggle() 函数，尽管我收到错误消息，但它对我有用，
我创建了一个名为 my-dialog 的自定义元素：

从我的一个页面上，我现在想在单击纸质按钮时打开和关闭对话框。它工作正常，但正如我上面提到的，我觉得我在那里做的事情并不专业。

错误消息。我进入我的控制台：

（程序）：5 未捕获的类型错误：无法读取 null 的属性“removeAttribute”（匿名函数）@（程序）：5（匿名函数）@（程序）：20

如果有人可以为我解决问题，那就太好了。也许给我一个提示，我还能做什么。

我正在使用 paper-dialog 的响应式设计。通过 min-width: 320px 我可以使用以下样式使其全屏显示：

它正在相应地滚动。但是当屏幕变大时，我想将其设置为默认样式。我试过这种风格：

但这是我能得到的最接近的地方。

对话框在底部被裁剪。我只想将其恢复为默认样式。对不起，我对 CSS 不是很好。感谢任何可以提供帮助的人:)

我的 Polymer 元素中有一个纸质对话框。我想让背景不透明，现在它是半透明的。我也想换颜色。

有谁知道该怎么做。我已经在我的自定义元素中尝试过这个 css：

但它没有任何效果。

我也试过

我正在使用一个包含 的自定义元素<paper-dialog>，以便我可以在我的应用程序中重用对话框样式。

结构如下：

然后，我如下声明我的组件，以便准备好一个“准备好的”对话框：

（为简洁起见，我删除了<link import="...">）

问题是这是一个组件，我想在组件外部公开iron-overlay-close事件。否则，当我重新使用我的组件时，我无法将它数据绑定到新方法，如：

这可能吗？

我的问题与已经存在的问题相同，因为聚合物paper-dialog.open()未定义

我的进口包括

对话框 HTML 部分

代码

对我来说，这里没有任何功能切换，通过代码或直接在 html 中打开dialog1.open()。

知道我做错了什么吗？

这是笨拙的。

paper-tabs我的目标是iron-pages在paper-dialog.

当我单击第二个选项卡时，我希望看到选项卡式窗格的内容标题显示为“第 2 页”，然后是 Lorem Ipsum 文本。但是，相反，第二个选项卡式窗格内没有内容。

我错过了什么？

我在页面中有一个“纸质对话”对象。如果它不在“dom-repeat”循环内，我可以通过按钮切换它。但是如果我把它放在一个循环中，“this.$.dialog.toggle();” 然后将引用null。

和

知道为什么“this.$.dialog”在将对话框放入循环后变为空吗？

当用户离开页面时，我会尝试打开一个纸质对话框，要求确认。

canLeavePage 在页面更改之前触发。但是 canLeavePage 不会等到 paperDialog 关闭。

无论如何我可以在canLeavePage函数中等待paperDialog的结果然后继续吗？

我正在尝试实现一个纸质对话框，当在下图中点击纸质工厂时，该对话框会显示出来： 我的应用程序的主屏幕

但我无法打开纸质对话框。

我已经在我的应用程序中实现了纸质对话，如下所示：

此处的此代码段摘自此页面上的演示：

https://www.webcomponents.org/element/PolymerElements/paper-dialog/v1.1.0/demo/demo/index.html

但是当我真正点击纸厂时，我收到以下错误：

未捕获的 ReferenceError：对话框未在 HTMLElement.onclick (view3:1) onclick @ view3:1 处定义

有谁知道如何在轻按纸张工厂时打开纸张对话框？我想我错过了一些包括，但我不知道是哪一个。