我想知道是否可以将 Angular.js 模板编译为纯 html。例如。
//script.js
function TestCtrl($scope) {
$scope.browsers = ['chrome', 'firefox', 'ie'];
}
// template.html
<div ng-app>
<ul>
<li ng-repeat="browser in browsers">{{browser}}</li>
</ul>
</div>
收件人:
<div>
<ul>
<li>chrome</>
<li>firefox</>
<li>ie</>
</ul>
</div>
有一些方法可以执行此转换或一些 CLI 工具吗？ 我尝试使用 $compile 但结果不是我想要的。例如
...
var compiled = $compile('<ul><li ng-repeat="browser in browsers">{{browser}}</li></ul>');
var el = compiled($scope);
console.log(el.html())
...
结果是一个 HTML 注释
最佳答案
在 Chrome 中，查看页面并打开开发者工具。在元素选项卡中，右键单击 <html>然后单击复制为 HTML。这会为当前屏幕上的内容复制 HTML。您还可以通过右键单击它们并选择复制为 HTML 来复制单个组件的 HTML。
关于html - Angular.js 模板到纯 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22134982/