如何在Angular 2+中显示AngularJS

时间:2019-07-09 11:14:52

标签: html angularjs angular innerhtml

我只想知道如何在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):

enter image description here

1 个答案:

答案 0 :(得分:1)

如果将其放在Angular 2+ index.html的标头中,AngularJS将起作用:

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