Didn't find anything on this. The question is: Is it possible to add variable to json file and then use it in following way
json file:
{
"s1": {
"text": "Benefit from falling {{ symbol }} prices as well as rising {{ symbol }} prices. Buy or sell instantly"
}
}
Contoller:
$scope.symbol = 'gold';
View:
<p>{{content.s1.title}}</>
What I want to get is:
Benefit from falling gold prices as well as rising gold prices. Buy or sell instantly
Thank you for your help
You should use $interpolate for that:
HTML:
<div ng-app="app">
<div ng-controller="ctrl">
<div>
{{resolveText(content.s1.text)}}
</div>
</div>
</div>
JS:
angular.module('app', []).
controller('ctrl', function($scope, $interpolate) {
$scope.content = {
"s1": {
"text": "Benefit from falling {{ symbol }} prices as well as rising {{ symbol }} prices. Buy or sell instantly"
}
};
$scope.symbol = 'this is a test';
$scope.resolveText = function(t) {
return $interpolate(t)($scope);
};
});
P.S. the resolveText is a quick way to show you how this works. I think it's better to create a directive that will encapsulate the logic.
You can use String.prototype.replace
Example assuming mystr is your JSON content.
$scope.symbol = 'gold';
mystr.replace('<symbol>', $scope.symbol);
returns
{
"s1": {
"text": "Benefit from falling gold prices as well as rising gold prices. Buy or sell instantly"
}
}
Usage : string.replace(substr|regex, newSubstr|function)
$scope.resolveText is your watcher and $interpolate your substring replacer. It's just the angularjs way, and thank's for it.Use $interpolate service:
var result = $interpolate("Some string with {{var}}")({var: "Value"});
