2017-05-25 4 views
1

これについて他に質問がありますが、私はすでに試してみたものの、何も動作していないようです。ng-bind-html内に角ストリングを分割する

私は基本的に$ http.getから角度変数を取得しています。 コンテンツのように、HTMLエンコードされている。だから私は、HTMLをレンダリングするには

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

としてそれを表示する必要が

Paperwhite &#8211; Human Nature 

Paperwhite –人間性

この値を01に分割したいと表示のみ

人間性

私がしようと試み

<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};ユーザーが書き込んだ(回答を削除した)。私の変数は、1つまたは複数の配列を返す$ http.getの結果です。私はng-repeatの中でそれにアクセスしなければなりません。コードの使い方がわからない – GoingSolo

関連する問題