2014-09-24 46 views
0

我在使用AngularJS框架的應用程序中使用了ng-grid。我正在使用API​​獲得ng-grid的價值。該API返回具有純文本和html標籤的結果。在ng-grid內部,我只想顯示純文本。獲取純文本並在ng-grid中顯示

這裏是 enter code herePlunker

我手動輸入的值,但對我來說,它來自API。

有什麼建議嗎?提前致謝。

+0

是你如何從數據中剝離HTML標籤的問題嗎?如果是這樣,請刪除angularjs標籤,因爲這個問題不適用於角度 – 2014-09-24 20:41:48

+0

是的。我想剝離html標籤。問題已更新。謝謝 – mpatel 2014-09-24 20:44:33

回答

0

你可能會需要使用ngSanitize和cellTemplate

包括<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular-sanitize.js"></script>

注入依賴ngSanitize

,並改變你的ngGrid選項

$scope.gridOptions = { 
    data: 'myData', 
    columnDefs: [ 
     {field: 'name', displayName: 'Name'}, 
     {field:'descr', displayName:'Description', cellTemplate:'<div ng-bind-html="row.entity.descr"></div>'}] 
}; 

這將需要您的數據HTML格式的文件,所以當你提供文本時,它會顯示你的文本和閱讀JSON同樣

演示http://plnkr.co/edit/RFmZmL0lCQe9qw8Y8HkN?p=preview

希望這是你想要的

+0

你也可以通過bower install來安裝angular-sanitize,或者只是將它包含在項目中的角度文件夾中 – 2014-09-24 21:10:49

+0

這就是我想要的。非常感謝。 :) – mpatel 2014-09-24 21:22:10

+0

真棒,感謝您接受答案 – 2014-09-24 21:24:18

0

它看起來像你的HTML正在轉換爲純文本,但你可能正在尋找的是HTML標籤被剝離,只保留文本。

如果這是你想要做什麼,看到這個問題,它的答案:Get the pure text without HTML element by javascript?

注意,接受的答案是不是最好的答案。

+0

在我的ng-grid中,我的columnDef是這樣的:'{field:'Description',displayName:'Description'}'在這種情況下,我的數據在Description中。如何執行一個操作來去掉html標籤? – mpatel 2014-09-24 20:49:09