AngularJS ng-bind-template 指令详解


Posted in Javascript onJuly 30, 2016

AngularJS ng-bind-template 指令

AngularJS 实例

<p> 元素上绑定两个表达式:

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

运行结果:

         John Doe

定义和用法

ng-bind-template 指令用于告诉 AngularJS 将给定表达式的值替换 HTML 元素的内容。

当你想在 HTML 元素上绑定多个表达式时可以使用 ng-bind-template 指令。

语法

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

所有的 HTML 元素都支持该指令。

参数值

描述
expression 一个或多个要执行的表达式,每个使用 {{  }} 包含。

以上就是对 AngularJS ng-bind-template 指令知识介绍,有需要的朋友看下。

Javascript 相关文章推荐
jquery cookie插件代码类
May 26 Javascript
js Function类型
Dec 04 Javascript
JS实现根据出生年月计算年龄
Jan 10 Javascript
javascript文本模板用法实例
Jul 31 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 Javascript
React Hooks 实现和由来以及解决的问题详解
Jan 17 Javascript
微信小程序保持session会话的方法
Mar 20 Javascript
React实现todolist功能
Dec 28 Javascript
AngularJS ng-bind-html 指令详解及实例代码
Jul 30 #Javascript
AngularJS ng-bind 指令简单实现
Jul 30 #Javascript
AngularJS ng-app 指令实例详解
Jul 30 #Javascript
如何检测JavaScript的各种类型
Jul 30 #Javascript
详解js中的apply与call的用法
Jul 30 #Javascript
javascript回到顶部特效
Jul 30 #Javascript
javascript鼠标滑过显示二级菜单特效
Nov 18 #Javascript
You might like
php数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
java解析json方法总结
2019/05/16 PHP
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
JS去除数组重复值的五种不同方法
2013/09/06 Javascript
jquery实现动态菜单的实例代码
2013/11/28 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
jQuery打印图片pdf、txt示例代码
2014/07/22 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
Javascript编程中几种继承方式比较分析
2015/11/28 Javascript
如何判断Javascript对象是否存在的简单实例
2016/05/18 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
vue-cli3+typescript新建一个项目的思路分析
2019/08/06 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
基于PHP pthreads实现多线程代码实例
2020/06/24 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
Python pass 语句使用示例
2014/03/11 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
python实现图片筛选程序
2018/10/24 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
Python中如何将一个类方法变为多个方法
2019/12/30 Python
在主流系统之上安装Pygame的方法
2020/05/20 Python
Python 按比例获取样本数据或执行任务的实现代码
2020/12/03 Python
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
原料仓仓管员岗位职责
2014/07/08 职场文书
法定代表人身份证明书
2014/09/10 职场文书
一般基层干部群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
python和Appium的移动端多设备自动化测试框架
2022/04/26 Python