Text bindings

Draw information to DOM

<div>Hello {{name}}!</div>
<a href="htp://example.com/{{link}}>link</a>

Also you can use method "bind once" for optimization, for that you should append "=" to begin of expression.

<div>Hello {{=name}}!</div>
<a href="htp://example.com/{{=link}}>link</a>
If you can't use tags "{{ }}", you can change this to "{# #}", "{< >}", "## ##" or something like this, length of tags should be equal 2 symbols:
alight.utilits.pars_start_tag = '{#';
alight.utilits.pars_finish_tag = '#}';

Text directives

An able to control a declarative data binding in the HTML

<div al-app>
    counter {{#counter}}
</div>
 
alight.text.counter = function(callback, expression, scope) {
    var n = 0;
    setInterval(function(){
        n++;
        callback(n)  // set result
        scope.$scan()  // $digest
    }, 1000);
}

Input arguments

  • callback - a function to set a value
  • expression - expression of directive
  • scope
  • env.finally - a function to set the final value, after that $watch will be removed.
  • env.setter = callback

Samples:

Текстовый биндинг

Декларативный биндинг данных в HTML

<div>Hello {{name}}!</div>
<a href="htp://example.com/{{link}}>link</a>

Так же можно использовать (для оптимизации) по принципу bind once (без отслеживания изменений модели), для этого нужно добавить "=" в начало выражения.

<div>Hello {{=name}}!</div>
<a href="htp://example.com/{{=link}}>link</a>
Если есть проблема использования тегов "{{ }}", можно их изменить на "{# #}", "{< >}", "## ##" и т.п, теги должны состоять из **двух** символов:
alight.utilits.pars_start_tag = '{#';
alight.utilits.pars_finish_tag = '#}';

Текстовые директивы

Возможность управлять декларативным биндингом данных в HTML

<div al-app>
    counter {{#counter}}
</div>
 
alight.text.counter = function(callback, expression, scope, env) {
    var n = 0;
    setInterval(function(){
        n++;
        callback(n)  // set result
        scope.$scan()  // $digest
    }, 1000);
}

Описание параметров

  • callback - ф-ия для установки значения
  • expression - выражение директивы
  • scope
  • env.finally - ф-ия для установки конечного значения, после чего $watch удаляется
  • env.setter - то же что и callback

Примеры:

comments powered by Disqus