我只想知道如何在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):
答案 0 :(得分:1)
如果将其放在Angular 2+ index.html
的标头中,AngularJS将起作用:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>