个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
我正在尝试将模板从 DOM 移动到元素内部。
这是我的元素:
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../polymer-ui-icon/polymer-ui-icon.html">
<polymer-element name="bt-sortable-list" attributes="drag name list">
<template>
BOOM
<template binding ref="itemTemplate" repeat="{{list}}" id="repeatTemplate">
</template>
<template id="itemTemplate">
</template>
</template>
<script>
Polymer('bt-sortable-list', {
ready: function() {
var div = document.createElement('div');
contentStr = this.trim(innerHTML);
var parsed = markdown.toHTML(content);
this.$.itemTemplate.innerHTML = parsed;
this.list = [{name: 'Item 1', id: 'item1'}, {name: 'Item 2', id: 'item2'}, {name: 'Item 3', id: 'item3'}];
this.$.repeatTemplate.model = this.list;
}
});
</script>
</polymer-element>
这是我的 html 文件:
<!doctype html>
<html>
<head>
<script src="/platform/platform.js"></script>
<link rel="import" href="/bt-sortable-list/bt-sortable-list.html">
</head>
<body>
<h3>Sortable List</h3>
<bt-sortable-list>
<template
Name {{name}}
</template>
</bt-sortable-list>
</body>
</html>
我似乎无法在 bt-sortable-list 自定义元素中使用 test.html 中的模板。一般的想法是自定义元素将处理列表和其他事情，同时让使用该元素的 html 定义列表元素的显示方式。我已经尝试以编程方式添加模板，如图所示。我也试过不在 bt-sortable-list 元素下使用模板。我还尝试使用内容元素来获取 test.html 中的模板内容。
如有任何建议，我们将不胜感激。
最佳答案
要使用自定义元素的(light dom)内容，您需要在元素中包含一个插入点(<content>):
http://www.polymer-project.org/platform/shadow-dom.html#shadow-dom-subtrees
但是，插入点纯粹是用于渲染影子 DOM 中节点的占位符。您所追求的有点不同，因为它使用 Polymer 的数据绑定(bind)功能来桥接 Polymer 元素外部的 light dom 世界和它内部的 shadow dom 世界。
我能够通过动态创建 <template> 来让事情正常进行在ready()并使用 ref引用它:
var t = document.createElement('template');
t.id = 'itemTemplate';
t.innerHTML = this.innerHTML;
this.list = [{name: 'Item 1', id: 'item1'},
{name: 'Item 2', id: 'item2'},
{name: 'Item 3', id: 'item3'}];
this.shadowRoot.appendChild(t);
关于javascript - 在 Polymer 元素中使用 light dom 中定义的模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21522118/
25
4
0
我需要为我正在处理的应用程序使用 Surface 项目模板，但我也想使用 MVVM Light Toolkit。我发现我可以“添加 | 新项目...”并为 View 、 View 模型或定位器选择一个
我正在使用MVVM Light，并且正在使用消息在ViewModel之间进行通信，以使ViewModel知道何时可以执行某些操作。我的问题是我注册了一条消息，然后多次收到它。因此，要使我的程序不止执行
我目前正在自学MVVM模式。 我第一次碰到了消息传递的概念。 我知道消息传递包含在mvvm-light工具包中。但是我找不到任何地方的用法示例(下载中未提供示例项目)。 如果有人可以指导我了解有关如何
使用Nuget安装MVVM Light Toolkit时，似乎没有安装MVVM Light的片段。 我在哪里可以找到它们？ 最佳答案 片段可在 GitHub 上找到. 下载代码(右上角克隆或下载按钮)
我遇到了一个问题，即在 VS 或 Blend 中运行解决方案时，属性 IsInDesignMode 没有返回 true 的预期值。我的环境包括 Win Server 2008 R2、VS2010 Pr
如果我将消息从 ViewModelA 发送到 ViewModelB，是否有办法从我的单元测试中捕获此通知，该单元测试正在测试引发消息的 ViewModelA？ Messenger.Default.Se
我尝试使用提供的示例 petstore openapi.json 生成项目。我用过light-codegen生成端点和模型。 我确实安装了 light-codegen: git clone https
这段代码告诉计算机做什么？附注“灯”是一个 boolean 数组。 for (int k = 1; k < lights.length; k++) lights[k]
我有一个包含几个对象和一些对象的场景，在这些情况下，我希望球体受到粉红色和蓝色灯光的影响。但我也有一个管几何结构，它应该只受白光影响，而不受粉红色和蓝色光的影响。 有关问题的演示，请参见下图:现在发生
我正在考虑开始使用 MVVM Light，并且遇到了"new"ICleanup 界面。我只是想知道你什么时候清理虚拟机......当你离开页面时？ 另外，我看到 ViewModelLocator 中有
我有一个带有关联虚拟机的子窗口，每次我要求打开子窗口时都会创建该虚拟机。当子窗口打开时，它会为 MVVM Light 消息注册一个监听器。关闭窗口后，我很确定我正在释放对它的所有引用，但我实际上并没有
是否有 MVVM Light DispatcherHelper 可用于 PCL 的时间表？官博中只有备注，暂时不可用。 最佳答案 我刚刚添加了一个 nuget 包，它可以帮助您从 MvvmLight
我正在尝试按照此博客文章中的示例使用 MVVM Light 框架来实现 Metro 风格的分组项目页面，但使用 ViewModelLocator 来提供可混合性: http://mikaelkoski
我们有一个使用 MVVM Light 的 WP8 应用程序，它运行良好。但是，现在我们要使用 Xamarin 来定位 iOS。看来 MvvmCross 是更好的跨平台开发框架。 有没有人有改变这样的框
刚刚注意到 4.2.30 版本不包括 protected bool Set( ref T field, T newValue,
我已经开始使用最新的 MVVM Light 工具包 v4(NuGet 预览版 v4.1.21，DLL v:4.0.21.25725)，它实现了 SimpleIOC 模式。 在我的 ViewModelL
我可以使用 Interaction.Triggers 捕获文本框上的 textchanged 事件，如下所示:
我希望这不是一个太愚蠢的问题:我刚刚开始使用 MVVM light(到目前为止很喜欢它!)。在“之前”(即使用 MVVML 之前)，我必须通过 ui 分派(dispatch)任何会命中引发 INoti
我在 list 中使用了以下行: android:theme="@android:style/Theme.Light.NoTitleBar" 没有标题栏并在我的应用程序中显示精简版的 AlertDia
“ChainLight”类在其构造函数中有一个名为“rayDirection”的参数: ChainLight(rayHandler, rays, Color, distance, rayDirecti
我是一名优秀的程序员,十分优秀！