AngularJS ng-bind-template 指令詳解
更新時(shí)間：2016年07月30日 15:16:02 投稿：lqh
本文注意介紹AngularJS ng-bind-template 指令,這里把相關(guān)資料整理了一下，并附實(shí)例代碼，有需要的小伙伴可以參考下
AngularJS ng-bind-template 指令
AngularJS 實(shí)例
<p> 元素上綁定兩個(gè)表達(dá)式:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<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>
</body>
</html>
運(yùn)行結(jié)果：
John Doe
定義和用法
ng-bind-template 指令用于告訴 AngularJS 將給定表達(dá)式的值替換 HTML 元素的內(nèi)容。
當(dāng)你想在 HTML 元素上綁定多個(gè)表達(dá)式時(shí)可以使用 ng-bind-template 指令。
語(yǔ)法
<element ng-bind-template="expression"></element>
所有的 HTML 元素都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 一個(gè)或多個(gè)要執(zhí)行的表達(dá)式，每個(gè)使用 {{ }} 包含。 |
以上就是對(duì) AngularJS ng-bind-template 指令知識(shí)介紹，有需要的朋友看下。
您可能感興趣的文章:
- 深入理解AngularJS中的ng-bind-html指令
- 深入理解AngularJS中的ng-bind-html指令和$sce服務(wù)
- AngularJS ng-bind-html 指令詳解及實(shí)例代碼
- AngularJS ng-bind 指令簡(jiǎn)單實(shí)現(xiàn)
- ANGULARJS中用NG-BIND指令實(shí)現(xiàn)單向綁定的例子
- AngularJS基礎(chǔ) ng-model 指令詳解及示例代碼
- Angular.js回顧ng-app和ng-model使用技巧
- angularjs在ng-repeat中使用ng-model遇到的問(wèn)題
- Angular中ng-bind和ng-model的區(qū)別實(shí)例詳解
相關(guān)文章
Angularjs 實(shí)現(xiàn)移動(dòng)端在線(xiàn)測(cè)評(píng)效果(推薦)
這篇文章主要介紹了Angularjs 實(shí)現(xiàn)移動(dòng)端在線(xiàn)測(cè)評(píng)效果,需要的朋友可以參考下2017-04-04
Angularjs中三種數(shù)據(jù)的綁定策略(“@”，“=”，“&”)
在AngularJS的指令中存在著三種綁定策略，他們分別是’=’,’@’,’&’。下面這篇文章主要介紹了Angularjs中這三種數(shù)據(jù)的綁定策略，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-12-12
這篇文章主要為大家詳細(xì)介紹了Angularjs中UI Router的使用方法，感興趣的朋友可以參考一下2016-05-05
詳解Angular Forms中自定義ngModel綁定值的方式
在Angular應(yīng)用中有兩種方式來(lái)實(shí)現(xiàn)表單綁定，但是對(duì)于一些特殊的表單控件沒(méi)法實(shí)現(xiàn)，這篇文章主要介紹了詳解Angular Forms中自定義ngModel綁定值的方式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
AngularJS中實(shí)現(xiàn)用戶(hù)訪問(wèn)的身份認(rèn)證和表單驗(yàn)證功能
這篇文章主要介紹了AngularJS中實(shí)現(xiàn)用戶(hù)訪問(wèn)的身份認(rèn)證及表單驗(yàn)證功能的方法,Angular是Google開(kāi)發(fā)的一款瀏覽器端的高人氣JavaScript框架,需要的朋友可以參考下2016-04-04
本文主要介紹了AngularJS ng-if 指令,在這里整理了一些ng-if 指令的基礎(chǔ)資料,并有實(shí)例代碼,有需要的同學(xué)可以參考下2016-08-08
本文續(xù)上文，接著介紹AngularJS語(yǔ)法，和上文一樣，都是通過(guò)示例來(lái)向大家分析說(shuō)明，非常不錯(cuò)的一篇文章，推薦給大家。2015-01-01
AngularJS中的API（接口）簡(jiǎn)單實(shí)現(xiàn)
本文主要介紹AngularJS API（接口）,這里對(duì)AngularJS API的知識(shí)做了詳細(xì)講解,并附簡(jiǎn)單代碼實(shí)例,有需要的小伙伴可以參考下2016-07-07
這篇文章主要介紹了AngularJS中scope的綁定策略,結(jié)合實(shí)例形式簡(jiǎn)單分析了AngularJS scope的三種綁定模式的使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-10-10
angular4應(yīng)用中輸入的最小值和最大值的方法
這篇文章主要介紹了angular4應(yīng)用中輸入的最小值和最大值的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05