Split an angular string inside ng-bind-html

Question

I know there are other questions about this, but I already tryed and nothing seems to work.

I basically have an angular variable retrieved from an $http.get . The content is html encoded, like:

Paperwhite &#8211; Human Nature

So I have to display it as

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

To render the html:

Paperwhite – Human Nature

I want to split this value for the - and display only

Human Nature

I tryed something like

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

or

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

Or moving the code in my app.config

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

and then

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

but nothing seems to work. What am I missing?

Sajal · Accepted Answer · 2017-05-25 10:15:24Z

1

Try this

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>

answered May 25, 2017 at 10:15

Sajal

4,4111 gold badge22 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

LucaP Over a year ago

I've fix with this $scope.showFirstBr = function(content){ var c = content.replace('–','-'); return c.split('-')[1] }; as an user wrote (he deleted the answer). My variable is the result of an $http.get that returns one or mutiple array. I have to access it inside an ng-repeat. Not sure how to use your code

LucaP · Accepted Answer · 2017-05-25 10:37:02Z

0

I've fixed adding this in the controller:

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

answered May 25, 2017 at 10:37

LucaP

7283 gold badges12 silver badges35 bronze badges

Collectives™ on Stack Overflow

Split an angular string inside ng-bind-html

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related