Why isn't this Angular variable binding?

Question

Any ideas what I'm doing wrong that the value of revisedprice isn't displaying in the span?

HTML:

<div ng-app="app" ng-controller="ctrl">
<strong><span ng-bind-html="revisedprice"></span></strong>
</div>

Angular:

var app = angular.module('app',[]);
app.controller('ctrl', function($scope, $sce) {
 $scope.revisedprice = "<strike>17ドル</strike>";
 )};

Example: http://jsfiddle.net/wdf6vkck/2/

Answer 1

seems like you didnt add the ng-sanitize js and the dependency.

var app = angular.module('app',['ngSanitize']);

here is the Fiddle

---

if you use $sce you controller should be like,

app.controller('ctrl', function($scope, $sce) {
 $scope.revisedprice = $sce.trustAsHtml("<strike>17ドル</strike>"); // add trustAsHtml()
});

here is the Demo Fiddle

• 4thSpace: I'm using $sce but left it out. I've updated the code.