如何在 Angular 2+ 中显示 AngularJS答案

【问题标题】：How do I display AngularJS in Angular 2+如何在 Angular 2+ 中显示 AngularJS
【发布时间】：2019-07-09 11:14:52
【问题描述】：

我只是想知道如何在 Angular 2+ 中显示 AngularJS（我有一个非常独特的情况需要这样做）

到目前为止，这是我尝试过的：

https://stackblitz.com/edit/angular-wbbzbz?file=src/app/app.component.ts

让您了解 stackblitz 上正在发生的事情：

我有一个基本的 html 字符串（我从这里得到：https://www.w3schools.com/angular/tryit.asp?filename=try_ng_default）：

  myHtml = `
    <!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <body>

    <div ng-app="">

    <p>Input something in the input box:</p>
    <p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
    <h1>Hello {{name}}</h1>

    </div>

    </body>
    </html>
  `;

通过管道，我使用以下方式显示它：

<div [innerHTML]="myHtml | pipeSanitizeHtml"></div>

但我最终得到了这个（损坏的 AngularJS）：

【问题讨论】：

您是否尝试过使用 iframe
不，我没有，你能给我一个例子吗，因为我自己无法让它工作
您需要单独托管您的 Angular js 应用程序，并在组件内部使用 iframe
Running Angular and AngularJS frameworks side by side的可能重复

标签： html angularjs angular innerhtml

【解决方案1】：

如果你把它放在你的 Angular 2+ index.html 的标题中，AngularJS 就可以工作：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

【讨论】：