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 相关文章推荐
JavaScript iframe的相互操作浅析
Oct 14 Javascript
jQuery入门第一课 jQuery选择符
Mar 14 Javascript
js向上无缝滚动,网站公告效果 具体代码
Nov 18 Javascript
javascript中的原型链深入理解
Feb 24 Javascript
微信JS接口汇总及使用详解
Jan 09 Javascript
使用angular写一个hello world
Jan 23 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
Apr 06 Javascript
Jquery遍历select option和添加移除option的实现方法
Aug 26 Javascript
详解vue-cli开发环境跨域问题解决方案
Jun 06 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
Nov 09 Javascript
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
PHP数据库操作面向对象的优点
2006/10/09 PHP
关于mysql 字段的那个点为是定界符
2007/01/15 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
XML+XSL 与 HTML 两种方案的结合
2007/04/22 Javascript
定义select的边框颜色
2008/04/28 Javascript
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
jQuery $.data()方法使用注意细节
2012/12/31 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
jQuery实现获取元素索引值index的方法
2016/09/18 Javascript
基于javascript实现按圆形排列DIV元素(三)
2016/12/02 Javascript
js学习总结_选项卡封装(实例讲解)
2017/07/13 Javascript
微信小程序实现自定义modal弹窗封装的方法
2018/06/15 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
javascript利用canvas实现鼠标拖拽功能
2020/07/23 Javascript
微信小程序选择图片控件
2021/01/19 Javascript
[01:39](回顾)各路豪强针锋相对,几经鏖战四强产生
2014/07/01 DOTA
Python在Console下显示文本进度条的方法
2016/02/14 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
Python爬虫包BeautifulSoup异常处理(二)
2018/06/17 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
详解python实现小波变换的一个简单例子
2019/07/18 Python
Python 实现一行输入多个数字(用空格隔开)
2020/04/29 Python
python 发送邮件的四种方法汇总
2020/12/02 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
应届生求职自荐信范文
2014/04/07 职场文书
县级文明单位申报材料
2014/05/23 职场文书
2015幼儿园新学期寄语
2015/02/27 职场文书