2017-05-25 29 views
1

我知道還有其他的問題,但我已經嘗試過,沒有任何東西可以工作。在ng-bind-html中分割一個角度字符串

我基本上有一個從$ http.get中獲取的角度變量。 內容是HTML編碼,如:

Paperwhite – Human Nature 

所以,我必須顯示爲

<div ng-bind-html="songrel.title.rendered"></div> 

呈現HTML:

Paperwhite –人性

我想分割01的這個值並只顯示

人性

我tryed像

<div ng-bind-html="songrel.title.rendered.split('&#8211;')[1]"></div> 

<div ng-bind-html="songrel.title.rendered.split('-')[1]"></div> 

或在我的app.config移動代碼

$scope.showFirstBr = function(content){ 
    return content.split('&#8211;')[1] 
}; 

然後

<div ng-bind-html="showFirstBr(songrel.title.rendered)"></div> 

,但似乎沒有任何工作。我錯過了什麼?

回答

0

我在控制器固定添加此:

$scope.showFirstBr = function(content){ 
    var c = content.replace('&#8211;','-'); 
    return c.split('-')[1] 
}; 
1

試試這個

var app = angular.module("MyApp", []).controller("MyCtrl", function($scope, $sce) { 
 
    var str = 'Paperwhite &#8211; Human Nature'; 
 
    $scope.test = $sce.trustAsHtml(str.split('&#8211;')[1]); 
 

 
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="MyApp" ng-controller="MyCtrl"> 
 
    <div ng-bind-html="test"></div> 
 
</body>

+0

我已經與這個'$ scope.showFirstBr =功能修復(內容){ \t \t var c = content.replace('–',' - '); \t \t return c.split(' - ')[1] \t};'作爲用戶寫的(他刪除了答案)。我的變量是返回一個或多個數組的$ http.get的結果。我必須在ng-repeat內部訪問它。不確定如何使用您的代碼 – GoingSolo