[angularJS] ng-init注意事项

最新推荐文章于 2020-05-29 19:24:04 发布
最新推荐文章于 2020-05-29 19:24:04 发布
阅读量2.7k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hui85206/article/details/80217021
版权
1)  ng-init="dIndex7 = 7" 此变量dIndex7的变量名不能和这个文件中任何其中的菜单的名字一样.


因为jsp文件同一个变量值只会和最后一次的ng-init值一致.


2) dIndex7 = 7的初始化值也不能和其他的dIndex一致. 因为是否显示子菜单与hideSubMenu数组的下标有关, 如果初始化值一样, 这两个菜单的子菜单为同时打开与关闭.
中年油腻男人的转型之路
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular2--constructor和ngOninit的使用
qq_36545656的博客
02-27 2575
Angular中根据适用场景定义了很多生命周期函数，其本质上是事件的响应函数，其中最常用的就是ngOnInit。在TypeScript或ES6中还存在着名为constructor的构造函数，开发过程中经常会混淆二者，两者在含义上有部分重复，下面主要解析一下它们的区别和各自的使用场景。区别：constructor:Es6引入类的概念后出来的东西，是类自身的属性，并不属于angular，所以Angul...
angular 循环单选框默认选中无效的解决办法 ng-model 和ng-checked
qq_23937989的博客
11-28 1723
最近做项目遇到一个问题，模态框弹出查询条件，里面循环几个单选框默认选中，然后有一个清空按钮，窗口样式如下。 但是这个单选框默认选中和清空这里我搞了一天，尝试了多种办法，用ng-model和ng-checked都敲了一遍。 代码介绍： 下面content的值就是循环QuerySelect的内容 注意事项：1、一定要给input加上name属性 2、ng-model和ng...
AngularJS1 -- ng-init
住在地球的攻城狮
08-21 394
ng-init指令初始化应用程序数据。 ng-init指令执行给定的表达式。 ng-init指令添加一些不必要的逻辑到 scope 中，建议你可以在控制器中ng-controller指令执行它 。 语法 <element ng-init="expression"></element> 所有的 HTML 元素都支持该指令。 expression ...
angularjs伴随ng-init等指令产生的作用域
我要上天一起吗？的博客
05-29 610
前两天想用ng-init做条件判断的桥梁时出现了一次失败，做了一个测试，发现angular的局部作用域影响ng-init定义的值。 ng-init的作用就是创建一个变量(bb) 一般情况下，和$scope.bb的作用一样，不同的是，ngInit是指令，有局部作用域，优先级更高。 可以理解为在ngInit的作用域 $ngInitScope内又定义了一个 $ngInitScope.bb = $ngInitScope.website1，而且是双向绑定 <div ng-init="bb=website1".
【Angular】ngOnInit()方法介绍
热门推荐
陶洲川的博客
06-26 2万+
1、问题：什么是ngOnInit()方法，怎么用？2、源代码：2.1初始化： ngOnInit(): void { this.loadData(); }初始化很简单，ngOnInit()方法的返回值是void，冒号后面跟的是返回值类型，没有返回值；大括号里面是方法具体的逻辑；这里只有一个操作，就是加载数据（loadData()，自己写的方法）3、截图：4、总结：1.ngOnChange
angularJS 学习笔记2 初始化angularInit过程
huyangyamin的专栏
04-07 7068
整个DOMLoaded后，触发angularInit函数，执行各个模块的初始化过程。入口angularInit函数 （Angular.js L1278)function angularInit(element, bootstrap) { var appElement, module, config = {}; // The element `element` has
AngularJS基础 ng-href 指令用法
10-21
### 五、注意事项 - `ng-href`指令仅适用于`<a>`标签，其他元素上使用无效。 - 表达式结果应为有效的URL字符串，否则可能会导致错误的链接或无法正常导航。 - 在使用`ng-href`时，确保已经加载了AngularJS库，并且...
AngularJS基础 ng-focus 指令简单示例
10-21
5. 注意事项 使用ng-focus指令时，应注意不要在代码中引起无限循环。例如，如果ng-focus指令触发的函数改变了元素的焦点状态，那么每次焦点变化时ng-focus指令就会再次被触发，从而导致无限循环。 总结来说，ng-...
AngularJS基础 ng-keypress 指令简单示例
12-01
**兼容性和注意事项** `ng-keypress`指令只适用于`<input>`、`<select>`、`<textarea>`和其它可编辑元素。对于非可编辑元素，你需要使用`ng-keydown`或`ng-keyup`来监听键盘事件。 需要注意的是，`ng-keypress`...
Angularjs 1.x 学习笔记
王扬扬的博客
05-02 1038
一，引入百度CDN：&lt;script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"&gt;&lt;/script&gt;引入参考地址：http://www.angularjs.net.cn/download/二，AngularJS 指令当网页加载完毕，AngularJS 自动开启。ng-app 指令告诉 Ang...
AngularJS select加载数据选中默认值的方法
11-28
问题描述： 在我们开发项目过程中，避免不了会用到select下拉框，那么在angular中如何使用select呢？ 解决方案： 可以用ng-options来动态加载option,然后在用ng-model来匹配。代码如下： //html <select ng-model="role_id1" ng-options="o.name for o in list5"></select> //js $scope.list5 = [{"id":2,"name":"终端代表"},{"id":3,"name":"片区管理员"},{"id":4,"name":"系统管理员"},{"id":5,"name":"
Angularjs
张半癫儿
07-28 318
1、ng-app=” ” 定义angularJS的使用范围； 2、ng-init=”变量=值;变量=’值’” 初始化变量的值，有多个变量时，中间用分号隔开； 3、ng-model=”变量” 定义变量名； 4、ng-bind=”变量” 绑定变量名，获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值，比如：{{变量}}。 5、ng-bind 指令把应用程
Angular 指令
YYece的博客
10-23 292
什么是指令 Angular通过被称为指令的属性来扩展HTML AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 指令长成啥样 以ng-开头，比如ng-app、ng-bind等 <!DOCTYPE html> <html lang="en" ng-app> <body> <div ng-init="fir...
Angularjs学习笔记1_基本技巧
weixin_30296405的博客
04-03 81
10.AngularJS ng-click <button ng-click="clickCounter = clickCounter + 1">Click Me!</button>　 <button ng-click="pressMe()"/>在$scope域中定义的自己的pressMe方法 　 <button ng-click="p...
angular.js初始化命令 ng-init，ng-bind
12-21 7900
在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=
ng-init的妙用
小新正在敲代码
01-11 1万+
大多数人都知道ng-init里面可以放一个表达式，用来初始化当前作用域中的模型的值。 可是，今天，我想告诉大家一个ng-init的一个不一样的用法。 我先介绍一下使用该方法的一个场景： 比如，一个页面中的select元素，如果你不绑定作用域的值的话，那么默认什么都不选中。 现在，我这个页面可能和作用域绑定，这时select会默认显示绑定的值。也可能没和作用域绑定，此时，什么都不显示。 而我
data-ng-init 指令
adiking520110的博客
12-17 492
1、data-ng-init指令为AngularJS应用程序定义了一个初始值。 2、通常情况下，data-ng-init指令并不常用，将会使用控制器或模块来代替它。 转载于:https://www.cnblogs.com/melao2006/p/5055452.html...
ng-disabled 不起作用的解决办法
weixin_33979363的博客
01-07 431
不知道这算不算 Angular.js 的一个bug。但搜索一番后找到了一个变通的解决办法。 业务需求是这样的, 按钮被点击一次之后就设置为禁用状态, 以阻止多次无效的点击。但现在很多框架都用 <div> 或者其他标签来实现 button 效果。我并不是专业的UI, 不知道这样做到底好不好,该怎么样就怎么样呗。 在 &lt...
AngularJS ng-blur指令详解：焦点失去触发表达式实例
AngularJS的ng-blur指令是其强大功能之一，它在前端开发中扮演着关键角色，特别是在用户界面交互中。ng-blur指令用于处理HTML元素在失去焦点时的行为，例如触发特定的计算、数据更新或业务逻辑。这个指令的使用非常...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值