ng-bind-templateDiretiva AngularJS


Exemplo

Vincule duas expressões ao elemento <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 = "John";
    $scope.lastName = "Doe";
});
</script>

Definição e uso

A ng-bind-templatediretiva diz ao AngularJS para substituir o conteúdo de um elemento HTML pelo valor das expressões fornecidas.

Use a ng-bind-templatediretiva quando quiser vincular mais de uma expressão ao seu elemento HTML.


Sintaxe

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

Suportado por todos os elementos HTML.


Valores de parâmetro

Value Description
expression One or more expressions to evaluate, each surrounded by {{  }}.