2014-03-02 37 views
3

我想知道是否有可能將一個Angular.js模板編譯爲純html。例如。Angular.js template to plain 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> 

有一些方法來執行此converssion或一些這方面的CLI工具? 我試過$編譯,但結果不是我想要的。例

... 
var compiled = $compile('<ul><li ng-repeat="browser in browsers">{{browser}}</li></ul>'); 
var el = compiled($scope); 
console.log(el.html()) 
... 

結果是一個HTML註釋

回答

0

在Chrome中,瀏覽網頁和打開開發者工具。在元素標籤中,右鍵點擊<html>並點擊複製爲HTML。這會複製當前屏幕上的HTML。您也可以通過右鍵單擊組件並選擇複製爲HTML來複制單個組件的HTML。