Подтвердить что ты не робот

В какой-то степени в AngularJS?

Я новичок в AngularJS и пытаюсь выяснить, что делает class=ng-binding в этом примере:

<label ng-dblclick="editTodo(todo)" class="ng-binding">fghfgh</label>

Я нашел его здесь:

http://todomvc.com/architecture-examples/angularjs/#/

Я использую инструменты Chrome и разработчика. Это ключевое слово angular? Я не мог найти его в руководстве (http://docs.angularjs.org/api/ng.directive:ngBind)

4b9b3361

Ответ 1

class="ng-binding" используется внутри Angular. Например, глядя на источник ngBind, мы находим эту строку, которая добавляет класс и связывает с ним привязку, используя .data:

 element.addClass('ng-binding').data('$binding', attr.ngBind);

Вот почему эта строка источника Angular (отмечая двойные фигуры на {{todo.title}}, приводит к ngBind):

<label ng-dblclick="editTodo(todo)">{{todo.title}}</label>

Переводится в то, что вы видите в отладчике:

<label ng-dblclick="editTodo(todo)" class="ng-binding">fghfgh</label>

Итак, class="ng-binding" - это не то, что вы должны использовать. Вы обнаружите, что Angular часто использует классы, комментарии и другие маркеры, поэтому вы часто видите это изменение между исходными результатами обработки html и Angular.

Ответ 2

Из docs:

ng-binding

Использование: angular применяет этот класс к любому элементу, который привязан к привязка данных, через ng-bind или {{}} фигурные скобки, например. (видеть databinding руководство)

Таким образом, класс ng-binding динамически применяется angular, чтобы компилятор понял, что элемент имеет привязку данных, связанную с ним.

В качестве разработчика нам не нужно беспокоиться об этом, если мы не применим некоторые стили к этим классам.