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?
scope is an AngularJS scope object. element is the jqLite-wrapped element that this directive matches. attrs is a hash object with key-value pairs of normalized attribute names and their corresponding attribute values. controller is the directive's required controller instance(s) or its own controller (if any).
Restrict. Angular allows us to set a property named restrict on the object we return on our directive definition. We can pass through a string with certain letters letting Angular know how our directive can be used. function MyDirective() { return { restrict: 'E', template: '<div>Hello world!
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With