Угловой JS пользовательский разделитель

Question

Угловой JS пользовательский разделитель

61

Как использовать пользовательский разделитель для angular JS? Я бы хотел изменить синтаксис {{ var }} на [[ var ]].

Может ли кто-нибудь показать мне полный пример того, как реализовать это с помощью Angular?

wajatimur 16 окт. 2012, в 23:36

Источник

Теги:

javascript

angularjs

configuration

delimiter

1 ответ

Ещё вопросы

pkozlowski.opensource · Accepted Answer · 2012-10-16T22-11-00.000Z

96

Лучший ответ

Вы можете использовать $interpolateProvider для изменения символов начала и конца, используемых для выражений AngularJS:

var myApp = angular.module('myApp', [], function($interpolateProvider) {
    $interpolateProvider.startSymbol('[[');
    $interpolateProvider.endSymbol(']]');
});

а затем в вашем шаблоне:

Hello, [[name]]

Вот рабочий jsFiddle: http://jsfiddle.net/Bvc62/3/

Проверьте документацию по сервису $interpolate здесь: http://docs.angularjs.org/api/ng.$interpolate

pkozlowski.opensource 16 окт. 2012, в 22:11

1

Попытка все еще не работает в моем приложении, ничего не происходит, угловая все еще ищет {{}} скобку.
wajatimur 16 окт. 2012, в 22:43
5

Не могли бы вы попытаться сравнить то, что происходит в настройке вашего веб-приложения, с отправленной скрипкой? Как вы можете видеть, это работает нормально в скрипте в ответе. Остерегайтесь кода вокруг инициализации модуля. Вы указываете ng-app = "myApp", как в jsfiddle?
pkozlowski.opensource 16 окт. 2012, в 22:52
0

Йеай! работает как магия. Спасибо!
wajatimur 16 окт. 2012, в 22:57
0

Привет, как мы настраиваем пользовательские скобки для таких модулей, как bootstrap.ui? `
Artjom Zabelin 23 апр. 2013, в 10:01
1

Нашел его github.com/angular-ui/bootstrap/issues/235
Artjom Zabelin 23 апр. 2013, в 10:03
0

Просто начиная с AngularJS и в Laravel 4, я загрузил фреймворк и затем добавил {{2 + 2}} к представлению - больше ничего, и его значение равно 4. Где я могу поместить код, чтобы изменить это на [[2+ 2]]? Я попытался добавить его между тегами сценария на той же странице и добавить ng-app = "myApp" в содержащий тег div, но он не работает.
Perkin5 17 сен. 2013, в 14:43
3

Кто-нибудь знает, есть ли «официальный» запасной вариант startSymbol и endSymbol который сообщество предпочитает видеть?
Droogans 21 июнь 2014, в 19:12
0

К вашему сведению: oModule.directive('myDirective', ['$interpolate', function ($interpolate) { /*...*/ }]); вот как я должен был ссылаться на $interpolateProvider , это не было неизбежно очевидно (по крайней мере для меня;).
Campbeln 26 дек. 2014, в 13:05
1

Теперь вы можете поместить начальный и конечный символы в одну строку. $interpolateProvider.startSymbol('[[').endSymbol(']]'); -> $interpolateProvider.startSymbol('[[').endSymbol(']]');
MiniGunnR 29 май 2015, в 10:30
0

Это НЕ работает и для меня, я использую laravel 5 и angular 1.3.0, html просто отображает [[variable]] как есть.
Kundan Atre 19 июль 2015, в 08:55
0

Ссылка на документацию Angular JS больше не доступна. Новая ссылка является ссылкой .
Niclas von Caprivi 10 дек. 2018, в 14:27

Показать ещё 9 комментариев