AngularJS1 -- ng-init

最新推荐文章于 2023-09-25 17:36:03 发布
最新推荐文章于 2023-09-25 17:36:03 发布
阅读量384 收藏
点赞数
分类专栏： angular1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39462095/article/details/99956405
版权

ng-init 指令初始化应用程序数据。

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

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

语法

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

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

expression执行的表达式。

ng-init 指令可初始化的数据类型：数字、字符串、对象、数组、布尔值.

不可初始化 undefined null.

ng-init 支持的数据类型

ng-init 指令为 AngularJS 应用程序定义了 初始值。

通常情况下，不使用 ng-init。将使用一个控制器或模块来代替它。

 

菜鸟教程

住在地球的攻城狮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular1入门
qq_39052393的博客
12-28 1069
Angular1入门MVC、MVVM、MVP框架Angular初体验新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 MVC、MVVM、MVP框架 MVC，全名是Model View Controller，M是model模
Angular ng-content @ContentChild @ContentChildren
weixin_41070695的博客
05-18 406
组件1.html <div> <ng-content select="button"></ng-content> <ng-content select="组件2的selector"></ng-content> </div> 父组件.html <组件1> <button type="button">button</button> <组件2></组件2> </组件1
AngularJS：ng表达式、ng-init作用、ng数据模型、数据遍历、ng-repeat作用
weixin_43731793的博客
08-06 596
ng表达式: 1.{{表达式}} <div class="well">{{val1*val2}}</div> 2.{{$tot}} 1)视图 <div class="well">{{tot()}}</div> 2)控制器 app.controller('myctl',function($scope){ //控制器代码逻辑范围 $sco...
Angular 指令
YYece的博客
10-23 270
什么是指令 Angular通过被称为指令的属性来扩展HTML AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 指令长成啥样 以ng-开头，比如ng-app、ng-bind等 <!DOCTYPE html> <html lang="en" ng-app> <body> <div ng-init="fir...
AngularJs基础
霍常国的博客
06-07 378
AngularJs核心特性 MVVM 双向数据绑定(Model-View-ViewModel)model变化，view也变化 模版 将html文件解析到DOM中 模块化与依赖注入 指令可以用来创建自定义的标签，也可以用来装饰元素或者操作DOM属性。 1.AngularJs的使用 1.1 安装angular 1.1.1 通过npm进行下载 $ npm instal
angular的ng-init指令
lixiaoyan_star的博客
05-07 795
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></scri...
angularjs伴随ng-init等指令产生的作用域
我要上天一起吗？的博客
05-29 594
前两天想用ng-init做条件判断的桥梁时出现了一次失败，做了一个测试，发现angular的局部作用域影响ng-init定义的值。 ng-init的作用就是创建一个变量(bb) 一般情况下，和$scope.bb的作用一样，不同的是，ngInit是指令，有局部作用域，优先级更高。 可以理解为在ngInit的作用域 $ngInitScope内又定义了一个 $ngInitScope.bb = $ngInitScope.website1，而且是双向绑定 <div ng-init="bb=website1".
AngularJs ng-change事件/指令的用法小结
01-19
本文介绍了AngularJs ng-change事件/指令的小结，分享给大家，也给自己留个笔记 定义和用法 ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作。 ng-change 指令需要搭配 ng-model 指令使用。...
AngularJS基础 ng-init 指令简单示例
10-21
本文主要介绍AngularJS ng-init 指令,这里帮大家整理了关于ng-init 指令的基本知识资料,并附有简单的代码示例,有需要学习的小伙伴可以参考下
AngularJS ng-mousedown 指令
12-29
AngularJS ng-mousedown 指令 AngularJS 实例 在鼠标按下时执行表达式： <!DOCTYPE html> <html>...body ng-app=>...<div ng-mousedown=count ng-init=count>点我! <h1>{{count}}</h1>
AngularJS基础 ng-click 指令示例代码
01-19
AngularJS ng-click 指令 AngularJS 实例 按钮每次点击时，计数变量 count 自动加 1: <!DOCTYPE html> <...body ng-app=>...button ng-click=count = count + 1 ng-init=count=0>OK</but
ng-init的妙用
热门推荐
小新正在敲代码
01-11 1万+
大多数人都知道ng-init里面可以放一个表达式，用来初始化当前作用域中的模型的值。 可是，今天，我想告诉大家一个ng-init的一个不一样的用法。 我先介绍一下使用该方法的一个场景： 比如，一个页面中的select元素，如果你不绑定作用域的值的话，那么默认什么都不选中。 现在，我这个页面可能和作用域绑定，这时select会默认显示绑定的值。也可能没和作用域绑定，此时，什么都不显示。 而我
AngularJS ng-init 应用初始化时定义变量
houyanhua1的专栏
04-28 4929
demo.html：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;AngularJS&lt;/title&gt; &lt;script src="angular.min.js"&g
[angularJS] ng-init注意事项
中年油腻男人的转型之路
05-06 2772
1)  ng-init="dIndex7 = 7" 此变量dIndex7的变量名不能和这个文件中任何其中的菜单的名字一样.因为jsp文件同一个变量值只会和最后一次的ng-init值一致.2) dIndex7 = 7的初始化值也不能和其他的dIndex一致. 因为是否显示子菜单与hideSubMenu数组的下标有关, 如果初始化值一样, 这两个菜单的子菜单为同时打开与关闭....
AngularJS 初始化指令- ng-init
Json1204的专栏
04-15 5252
姓名为 ng-init 指令初始化 AngularJS 应用程序变量。
angular.js初始化命令 ng-init，ng-bind
12-21 7890
在angular.js可以通过ng-init来初始化所需要的数据。而不需要通过其他方式再去渲染一遍。 如下代码所示：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body ng-app ng-init="msg='hello'"> <div id=
angularJs中ng-init,ng-trim及表单value与$scope数据提交差异分析
泠泠似水
05-28 4295
1.ng-init:数据初始化，例：ng-init="name='百度'"，初始化name值为“百度”，不过大部分还是使用$scope2.ng-trim:只影响ng中$scope，去除输入时的空格，一般和ng-module在一起，ng-trim默认为true，有ng-module的时候可以省略不写3.在表单中输入数据的时候，先是改变表单value的值，value中不去除空格，需要将数据通过$scop
AngularJS学习（二）——表达式，ng-bind,ng-app,ng-init,ng-repeat,ng-model
Paul_Huang的Footprint
05-08 3483
AngularJS的绑定： 除了用{{ }}进行绑定外，还可以使用ng-bind,比如： <script src="bower_components/angular/angular.js"> 欢迎来到 HBR {{helloTo.title}} 的世界! 输入您的名字: Hello ! angular.
Angular：通过路由切换页面后，ngOnInit()不会被触发的问题
最新发布
dongnihao的博客
09-25 1027
我在在使用angular 9版本，出现这样一个问题：我通过路由进入页面时候，会执行ngOnInit，切换到其他页面再切回，此时这个页面的ngInit不会主动执行。但是，如果你希望在切换路由后销毁之前的组件实例，可以使用路由器提供的一些选项来控制组件的销毁和重新创建行为。这是因为在路由导航过程中，Angular的路由器默认会重用已经创建的组件实例，而不是销毁和重新创建。然后，我们检查当前的路由路径是否与组件的路径匹配，并在匹配时调用自定义的方法。在Angular中，当一个组件被创建时，它的生命周期方法。
AngularJS ng-blur 指令详解及简单实例.docx
01-11
<input ng-blur="count=count+1" ng-init="count=0"> <p>{{count}} ``` 在这个例子中，`ng-blur="count=count+1"` 表示每当输入框失去焦点时，`count` 的值会加1，初始值为0。`ng-init="count=0"` 则确保在页面加载...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值