AngularJS基础 ng-init 指令简单示例
更新时间:2016年08月02日 09:11:32 投稿:lqh
本文主要介绍AngularJS ng-init 指令,这里帮大家整理了关于ng-init 指令的基本知识资料,并附有简单的代码示例,有需要学习的小伙伴可以参考下
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 指令的资料整理,有需要的朋友参考下。
相关文章
利用Angular2的Observables实现交互控制的方法
这篇文章主要介绍了利用Angular2的Observables实现交互控制的方法,我们主要针对一些在跟服务器端交互的时候遇到的问题,来看看Observable给我们带来的特性。感兴趣的可以了解一下2018-12-12深究AngularJS中ng-drag、ng-drop的用法
本篇文章主要介绍了深究AngularJS中ng-drag、ng-drop的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-06-06Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
AngularJS提供了表单验证,但是验证的过程交互体验很不好,比如重设密码,重复密码的时候一键入就会提示密码不正确。现在小编给大家整理了两种方法,需要的的朋友参考下吧2017-05-05
最新评论