模板重复聚合物元素外

时间:2015-02-18 11:28:16

标签: polymer

在Polymer元素之外是否有这样的东西?

我希望能够从json获取数据并将其作为菜单项插入,但在聚合物元素内部工作得很好,不会在这里工作。我有什么遗失或者这是不可能的吗?

<html>
<head>
    [...]
</head>
<body>
<core-toolbar>
    <paper-menu-button id="dropDownMenu">
      <paper-icon-button id="iconomenuback" icon="menu" noink></paper-icon-button>
      <paper-dropdown class="dropdown colored" halign="left">
        <core-menu class="menu">
            <paper-item>Escritorio</paper-item>
            <template is="auto-binding">
            <custom-item-list id="list" items={{items}} jsonurl="postsESTADO CIVIL.json"></custom-item-list>
            <hr />
            <template is="auto-binding" repeat="{{item in items}}">
                <paper-item>
                    {{item.name}}
                </paper-item>
            </template>
           <%--<asp:Literal ID="MainMenuItems" runat="server"></asp:Literal>--%>
           <hr />
           </template>
           <paper-item>Panel de Control</paper-item>
        </core-menu>
      </paper-dropdown>
    </paper-menu-button>
</core-toolbar>
</body>
</html>

修改 我正在尝试一种新方法,如Polymer Single Page Application中所示。

到目前为止,我还是被困住了。这就是我的代码现在的样子:

  <paper-menu-button id="dropDownMenu" style="display:none;">
      <paper-icon-button id="iconomenuback" icon="menu" noink></paper-icon-button>
      <paper-dropdown class="dropdown colored" halign="left">
        <core-menu class="menu">
            <paper-item onclick="menuBackClick()">Escritorio</paper-item>                
            <hr />
            <template repeat="{{menuit, i in menuits}}">
                <paper-item>
                    {{menuit.Name}}
                </paper-item>                
            </template>
           <%--<asp:Literal ID="MainMenuItems" runat="server"></asp:Literal>--%>
           <hr />               
           <paper-item onclick="panercontrol()">Panel de Control</paper-item>
        </core-menu>
      </paper-dropdown>
    </paper-menu-button>

这是我正在使用的脚本,它从文件中获取json,从中提取数据然后使用它。

<script>
    $.getJSON('api/mainmenu.json', function (data) {
        var template = document.querySelector('#fulltemplate');
        var itemsstring = JSON.stringify(data);
        template.menuits = itemsstring;
    });
</script>

目前它没有做任何事情,检查它会返回普通<template repeat="{{menuit, i in menuits}}"></template>,其中没有任何内容。

#fulltemplate模板包装正文中的所有内容。

0 个答案:

没有答案