可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

I try to bootstrap my main angular component in a pre-executed HTML Document. This is my existing DOM :

<html>
<head></head
<body>

<!-- this is my template generated with Symfony -->
<div ...>
 <ul>
   <li><angularComponent></angularComponent></li>
   <li><angularComponent></angularComponent></li>
 </ul>
</div>

</body>
</html>

I want to bind my Main App Component (or Directive) on body, or on the main div, without replacing my pre generated content (with symfony).

It is possible ? Have you other solution ?

Thanks,

回答1:

Usually this is done by adding <ng-content></ng-content> to the template of your Angular AppComponents template, but AFAIK this is not supported on the application component, only on child components.

You could try to set encapsulation: ViewEncapsulation.Native on the AppComponent und use <content></content> instead of <ng-content></ng-content>.

I haven't tried this myself yet.

回答2:

Ok, so i haven't found any good answers to this question, here's the (hacky) way I did it:

document.getExistingContentByTag = function(tagName){
    var target = document.getElementsByTagName(tagName)[0];

    if(!target || !target.tagName) return '';

    return target.innerHTML;
}

And to render the template:

@Component({
selector: 'my-app',
template: document.getExistingContentByTag('my-app')
})

So it pulls the content of the my-app tag, does its magic and writes it back.

Angular 2 - It is possible to bind the app compone

问题:

回答1:

回答2:

收藏的人(0)

Angular 2 - It is possible to bind the app compone

问题:

回答1:

回答2:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮