Tag: shadow dom

如何从angular.dart组件中调用jquery插件？

我正在通过尝试创建一个将访问现有jquery插件的组件来学习angular.dart组件。 我正在尝试以下内容： library mylib; import ‘dart:html’; // querySelector import ‘package:js/js.dart’; // javascript import ‘package:angular/angular.dart’; @NgComponent( selector: ‘aSelector’, templateUrl: ‘partial.html’, cssUrl: ‘style.css’, publishAs: ‘ctrl’, map: const { ‘param’: ‘=>param’ } ) class myComponent extends NgShadowRootAware { String param; Compiler compiler; Injector injector; Scope scope; MyComponent(this.compiler, this.injector, this.scope); void onShadowRoot(ShadowRoot shadowRoot) { this.scope.$watch((int) => shadowRoot.querySelector(‘.myContainer’).text.length, (currentValue, previousValue, […]

如何使用iframe或shadow dom创建跨浏览器子文档？

我想用JavaScript创建一个完全封装的子文档，它有自己的 ， ，styles，html和js。 基本上是阴影dom或iframe，但没有src属性。 虽然我喜欢影子dom的想法，但它的支持率非常低，因此尚未准备好迎接黄金时段。 所以我一直致力于创建一个iframe，但一路上都遇到了各种各样的障碍。 这是一个jsFiddle，展示了我的各种尝试。 iframe不能存在于dom中。 这部分很关键。 为了澄清，如果它暂时存在于dom中是可以的，但它必须能够被提取并且仅存在于JS中。 $(‘body’).append(”); var iframe3 = $(‘#iframeGenerator’); var iframe3Contents = iframe3.contents(); $(‘#iframeGenerator’).remove(); var head = iframe3.contents().find(‘head’); 甜蜜，我们有头脑 console.log(head.length); 但内容是什么样的？ console.log(iframe3Contents.get(0)); 它是一个文档，但不在元素内部，所以让我们尝试将它放在dom或另一个元素的内部？ 以下两种尝试都不起作用，因为选择器没有上下文或其他东西…… $(‘body’).append(iframe3Contents); var generatedIframe = $(”).append(iframe3Contents); 我希望能够创建iframe / subdocuemnt而不向dom添加任何内容……但如果我必须，我仍然希望能够随后将其从dom中删除并在js中进一步管理它。 我有这个小function，它不起作用，但说明了我想要创建的iframe或子文档生成器的类型 var iframeHtml; giveMeIframe = function() { var iframeContents; if (iframeHtml) { return iframeHtml; } else { […]

我可以使用jQuery访问shadow DOM吗？

我用这样的聚合物定义了一个组件： CONTENT 现在我想访问阴影dom，例如：获取div id =’test’的内容 var x = $(“div#test”).html(); 给定的代码不起作用。 我可以用jquery访问阴影dom吗？