How do I use a custom delimiter for angular JS? I'd like to change from the {{ var }} syntax to [[ var ]].
Can somebody show me a complete example on how to implement this with Angular?
Add a comment
|
1 Answer
You can use $interpolateProvider to change start / end symbols used for AngularJS expressions:
var myApp = angular.module('myApp', [], function($interpolateProvider) {
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
});
and then, in your template:
Hello, [[name]]
Here is the working jsFiddle: http://jsfiddle.net/Bvc62/3/
Check the documentation on the $interpolate service here: http://docs.angularjs.org/api/ng.$interpolate
answered Oct 16, 2012 at 21:46
pkozlowski.opensource
117k60 gold badges329 silver badges286 bronze badges
9 Comments
Azri Jamil
Tried still not working in my app, nothing happen angular still looking for {{ }} bracket.
pkozlowski.opensource
Could you try to compare what is goin on in the setup of your web app to the fiddle I've sent? As you can see it works ok in the fiddle in the response. Watch out for code around module initialization. Are you specifing ng-app="myApp" like in the jsfiddle?
DarkLeafyGreen
Hi, how do we configure the custom brackets for modules like bootstrap.ui?`
yurisich
Does anyone know if there's an "official" fallback
startSymbol and endSymbol that the community prefers to see?
MiniGunnR
You can put the start and end symbols in one line now. Like this -->
$interpolateProvider.startSymbol('[[').endSymbol(']]'); |