AngularJS ng-bind-template ohje

Määrittely ja käyttö

ng-bind-template Ohje kertoo AngularJS:lle, että HTML-elementin sisältöä korvataan annetun ilmaisun arvolla.

Kun haluat yhdistää useita ilmaisuja HTML-elementtiin, käytä ng-bind-template Ohje

Esimerkki

Yhdistä kaksi ilmaisua <p>-elementtiin:

<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>

Kokeile itse

syntaksi

<elementti ng-bind-template="lauseke</elementti>

Kaikki HTML-elementit tukevat tätä.

parametrit

parametrit kuvaus
lauseke Laskettava yksi tai useampi lauseke, joka on sulkeissa {{ }}.