Directive ng-bind-template d'AngularJS

Définition et utilisation

ng-bind-template Cette directive informe AngularJS de remplacer le contenu de l'élément HTML par la valeur de l'expression donnée.

Lorsque vous souhaitez lier plusieurs expressions à un élément HTML, utilisez ng-bind-template Directive.

Exemple

Liens deux expressions sur l'élément <p> :

<div ng-app="myApp" ng-bind-template="{{firstName}} {{lastName}}" ng-controller="myCtrl"></div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.firstName = "Bill";
    $scope.lastName = "Gates";
});
</script>

Essayer par vous-même

Grammaire

<element ng-bind-template="expression</element>

Tous les éléments HTML prennent en charge.

Paramètres

Paramètres Description
expression Pour calculer une ou plusieurs expressions, chaque expression est entourée de {{ }}.