AngularJS基础 ng-init 指令简单示例


Posted in Javascript onAugust 02, 2016

AngularJS ng-init 指令

AngularJS 实例

初始化应用时创建一个变量:

<!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="" ng-init="myText='Hello World!'">

<h1>{{myText}}</h1>

<p> ng-init 指令创建了 AngularJS 变量,你可以在应用中使用它。</p>

</div>

</body>
</html>

定义和用法

ng-init 指令执行给定的表达式。

ng-init 指令添加一些不必要的逻辑到 scope 中,建议你可以在控制器中 ng-controller 指令执行它 。

语法

<element ng-init="expression" ></element>

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

参数值

描述
expression 执行的表达式。

 以上就是对ng-init 指令的资料整理,有需要的朋友参考下。

Javascript 相关文章推荐
打开超链需要“确认”对话框的方法
Mar 08 Javascript
IE和Mozilla的兼容性汇总event
Aug 12 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
10条建议帮助你创建更好的jQuery插件
May 18 Javascript
微信小程序-小说阅读小程序实例(demo)
Jan 12 Javascript
Vuex之理解Mutations的用法实例
Apr 19 Javascript
vue加载自定义的js文件方法
Mar 13 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
Sep 03 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
vue指令v-html使用过滤器filters功能实例
Oct 25 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
Mar 19 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
Aug 02 #Javascript
基于Vue.js实现数字拼图游戏
Aug 02 #Javascript
js 获取范围内的随机数实例代码
Aug 02 #Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
Aug 02 #Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 #Javascript
基于jQuery实现表格的查看修改删除
Aug 01 #Javascript
jQuery自制提示框tooltip改进版
Aug 01 #Javascript
You might like
索尼ICF-SW100收音机评测
2021/03/02 无线电
服务器端解压缩zip的脚本
2006/12/22 PHP
php按单词截取字符串的方法
2015/04/07 PHP
无需数据库在线投票调查php代码
2016/07/20 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
php实现留言板功能(会话控制)
2017/05/23 PHP
js右键菜单效果代码
2007/07/21 Javascript
超棒的javascript页面顶部卷动广告效果
2007/12/01 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
巧用局部变量提升javascript性能
2014/02/24 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
2014/06/26 Javascript
Bootstrap每天必学之简单入门
2015/11/19 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
Javascript自定义事件详解
2017/01/13 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
页面点击小红心js实现代码
2018/05/26 Javascript
基于js Canvas实现二次贝塞尔曲线
2018/12/25 Javascript
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
Python3中多线程编程的队列运作示例
2015/04/16 Python
python进程管理工具supervisor的安装与使用教程
2017/09/05 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
Python使用微信接入图灵机器人过程解析
2019/11/04 Python
Python基于Faker假数据构造库
2020/11/30 Python
canvas 下载二维码和图片加水印的方法
2018/03/21 HTML / CSS
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
美国传奇滑手Paul Rodriguez创办的街头滑板品牌:Primitive Skateboarding
2019/10/29 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
工厂仓管员岗位职责
2014/01/01 职场文书
服务员自我评价
2014/01/25 职场文书
先进教师事迹材料
2014/12/16 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
Windows10下安装MySQL8
2021/04/06 MySQL
如何理解python接口自动化之logging日志模块
2021/06/15 Python