如何以编程方式更改纸张动作对话框

时间:2015-03-05 12:13:19

标签: polymer

我想知道是否有可能创建/更改此文章 - 动作对话框程序的内容? (标题,内容以及按钮及其动作)

<paper-action-dialog heading="Dialog Title">
  <p>Some content</p>
  <paper-button dismissive>More Info</paper-button>
  <paper-button affirmative>Decline</paper-button>
  <paper-button affirmative>Accept</paper-button>
</paper-action-dialog>

非常感谢任何建议或例子。

1 个答案:

答案 0 :(得分:0)

您可以将paper-action-dialog元素包装在template元素中,并使用Polymer表达式以编程方式更新内容。

<template is='auto-binding' id='dialogTemp'>
  <paper-action-dialog heading="{{ diaLogTitle }}">
    <p>{{ diaLogContent }}</p>
    <paper-button dismissive>More Info</paper-button>
    <paper-button affirmative>Decline</paper-button>
    <paper-button affirmative>Accept</paper-button>
  </paper-action-dialog>
<template>

<script>
var dialogTemp = document.getElementById('dialogTemp');

dialogTemp.dialogTitle = "Dialog Title";
dialogTemp.dialogContent = "Dialog Content";
</script>

有关数据绑定和模板的更多信息,请参见:
https://www.polymer-project.org/docs/polymer/databinding.html