使用ember-maybe-in-element将组件移动到另一个DOM节点

htrmnn0y 于 2022-11-23 发布在其他

关注(0)|答案(1)|浏览(162)

我有一个用例，可以动态地将子组件移动到同一页面/路由中不同DOM位置。

主页.hbs

<div class="container">
  <div class="content">
    <!-- Place where I want to place Child -->
   </div>
</div>
<Parent></Parent>

父级.hbs

<h1>This is parent component</h1>
<Child></Child>

子项.hbs

Hello World

子文件.js

const mainContainer = document.querySelector('.container .content');
const myElm = this.element.querySelector('[data-child-content]');
mainContainer.appendChild(myElm);

我想使用ember-maybe-in-element插件，而不是使用appendChild。

ember.js

来源：https://stackoverflow.com/questions/64397489/move-component-to-another-dom-node-using-ember-maybe-in-element

1条答案

按热度按时间

wqnecbli1#

元素内帮助器将块内容呈现在常规流之外，呈现到由其destinationElement位置参数给定的DOM元素中。

子文件.js

get destinationElement() {
  return document.querySelector('.container .content');
}

子项.hbs

{{#in-element this.destinationElement}}
   <div>Hello World</div>
{{/in-element}}

赞(0）回复(0）举报 2022-11-23

我来回答

使用ember-maybe-in-element将组件移动到另一个DOM节点

1条答案

相关问题

热门标签

最新问答