Как отобразить AngularJS в Angular 2+ - PullRequest
Новая
       14

Как отобразить AngularJS в Angular 2+

0 голосов
/ 09 июля 2019

Я просто хотел бы знать, как отображать AngularJS в Angular 2 + (у меня очень уникальная ситуация, которая требует этого)

Пока что это то, что я пробовал:

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

Чтобы дать вам представление о том, что происходит со стеком стека:

У меня есть базовая 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 Ответ

1 голос
/ 09 июля 2019

AngularJS будет работать, если вы добавите это в заголовок вашего Angular 2+ index.html: 

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