Question

我想知道是否可以将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评论

Answer 1

在Chrome中，查看该页面并打开开发人员工具。在元素选项卡中，右键单击<html>，然后单击“复制为HTML”。这会复制当前屏幕上的HTML。您还可以通过右键单击并选择复制为HTML来复制单个组件的HTML。

Angular.js模板到普通的html

1 个答案: