Question

在特定网站上，有一个我无法控制的 Angularjs 应用。当我打开页面时，它已加载到HTML上。我们称之为 app 1 ：

<body data-ng-app="app1">.....</body>

我的Chrome插件会在我访问的网站的HTML中插入 Angular 2 应用。我们称之为 app 2 。我通常使用以下代码插入它：

$('body').append('<app-root id="app-root"></app-root>');
platformBrowserDynamic().bootstrapModule(AppModule);

但这不起作用。

==＆GT;问题是，Angularjs＆＃34; app 1 ＆＃34;直接位于身体。那么我该如何插入我的Anglular 2＆＃34; app 2 ＆＃34;在HTML中，并排？

Answer 1

我不完全确定这是否有效（从未尝试使用角度2作为Chrome扩展程序）

$('html').append('<app-root id="app-root"></app-root>');
platformBrowserDynamic().bootstrapModule(AppModule);

或创建div元素并在insertAdjacentHTML内使用body afterbegin位置 https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML