Outils pour utilisateurs

Outils du site


web:javascript:angularjs:directives_built-in

Ceci est une ancienne révision du document !


Directives de base

  • ngApp
  • ngController

Événementiels

  • ngClick
  • ngDblClick
  • ngMousedown
  • ngMouseenter
  • ngMouseleave
  • ngMousemove
  • ngMouseover
  • ngMouseup

ng-change

A besoin de la directive ng-model.

Divers

ng-bind

Remplace l'utilisation des accolades.

<div ng-bind="model.name"></div>

Le code ci-haut a le même effet que :

<div>{{model.name}}</div>

ng-bind-template

Un peu comme ng-bind, sauf qu'il permet de faire un template. On peut placer plusieurs items.

<div ng-bind-template="{{model.name}} (Date: {{model.date}})"></div>

ngBindHtml

Permet d'inclure du HTML d'une source pas sûre.

Si on a dans le contrôleur :

$scope.snippet = '<span style="color:red;">allo</span>';

Et dans le HTML ceci:

<div ng-bind-html="snippet"></div>

Le <span> va apparaître dans le <div>, mais tout style (de couleur rouge) sera enlevé et probablement les scripts et autres éléments non sécures.

ngBindHtmlUnsafe

ng-repeat

web/javascript/angularjs/directives_built-in.1417661771.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)