À quoi sert ng-binding à AngularJS?

je suis un AngularJS débutant et essayer de comprendre ce qu' class=ng-binding dans cet exemple:

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

je l'ai trouvé ici:

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

J'utilise Chrome et les outils de développement. Est-ce un mot-clé angulaire? Je ne pouvais pas le trouver dans le manuel (http://docs.angularjs.org/api/ng.directive:ngBind)

25
demandé sur Drakkin 2013-12-30 04:41:11

2 réponses

class="ng-binding" est utilisé à L'intérieur par Angular. Par exemple, en regardant le ngBind source nous trouvons cette ligne qui ajoute la classe et associe la reliure avec elle en utilisant .data:

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

C'est pourquoi cette ligne de source angulaire (notant les boucles doubles sur {{todo.title}} dans un ngBind):

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

traduit dans ce que vous voyez dans le débogueur:

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

class="ng-binding" n'est pas quelque chose que vous devriez utiliser. Vous trouverez angulaire utilise fréquemment des classes, des commentaires et d'autres marqueurs - de sorte que vous verrez souvent ce genre de changement entre le html original et les résultats angulaires traités.

37
répondu KayakDave 2013-12-30 01:36:58

docs:

ng-binding

usage: angular applique cette classe à tout élément qui est attaché à un la liaison de données, par l'intermédiaire de ng-bind ou de boucles {{{}}, par exemple. (voir liaison de données guide)

la classe ng-binding est appliqué par angulaire dynamiquement, pour que le compilateur comprenne que, l'élément a une liaison de données associée avec lui.

en tant Que développeur, nous n'avons pas à s'inquiéter à moins que nous appliquions quelques styles à ces cours.

5
répondu Asim K T 2016-02-10 11:02:53