Parse a string that contains data bindings in AngularJS

Question

I have a backend rendered template that returns a JSON object that contains a string that needs some dynamic data bindings for example...

sampleLogic = {
  "1": "Sample static text and some {{ dynamic_text }}." 
}

By default the string is escaped, what's the best way in angular to convert dynamic_text to bind to $scope.dynamic_text?

JS:

 var sampleLogic = {
    "1": "Sample static text and some {{ dynamic_text }}."
};

function parseMe($scope) {
    $scope.copy = sampleLogic['1'];
    $scope.dynamic_text = "dynamic text woooot";
}

HTML:

<div ng-app>
    <div ng-controller="parseMe">
        <div ng-bind-html-unsafe="copy"></div>
    </div>
</div>

Fiddle: http://jsfiddle.net/RzPM3/

zs2020 · Accepted Answer · 2013-08-19 15:33:03Z

5

You can use $interpolate module and easily achieve it like this

var dynamic_text = {
    'dynamic_text': "dynamic text woooot"
};
$scope.copy = $interpolate(sampleLogic['1'])(dynamic_text);

DEMO

answered Aug 19, 2013 at 15:33

zs2020

54.7k30 gold badges157 silver badges223 bronze badges

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

Collectives™ on Stack Overflow

Parse a string that contains data bindings in AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related