angularjs(angular1)项目初体验

最新推荐文章于 2023-03-08 17:48:23 发布

娃哈哈_

最新推荐文章于 2023-03-08 17:48:23 发布

阅读量602

点赞数

分类专栏： angular 文章标签： angular1 angularjs angular 前端

本文链接：https://blog.csdn.net/qq_36131788/article/details/99673169

版权

1 篇文章 0 订阅

订阅专栏

我刚开始接手一个微信公众号的项目，技术栈还是angular1，之前只用过2以上版本，最近用angular1发现还是有一点坑点。

ng-if指令也会创建一个子级作用域
因此，如果在ng-if指令中添加了元素，并向元素属性增加ng-model指令，那么ng-model指令对应的作用域属性子级作用域，而并非控制器注入的$scope作用域对象
相对于控制器作用域来说，这个作用域属于一个子级作用域，所以，如果它想绑定控制器中的变量值，必须添加$parent标识，只有这样才能访问到控制器中的变量
```
 **解决方法**：（这两种方法都可以达到同样的页面效果）
 - 在绑定值时添加$parent标识
 - 用ng-show指令代替ng-if指令
```

看官方解释：

$apply()函数可以从Angular框架的外部让表达式在Angular上下文内部执行。

首先，你要清楚，在原生js或者第三方框架下，修改model，是有可能不会触发视图更新的，比如setTimeout、jquery插件。为什么？因为他们脱离了Angularjs的上下文，Angularjs并不能监听到数据的改变。
其实$apply相当于一个触发器，它的作用就是触发digest循环，从而更新视图。
在digest是Angularjs的核心，是它实现了神奇的数据绑定。凡是触发事件，必会触发digest循环，比如，我们数值的ng事件，click啊，change,实际上都是触发了digest循环。所以，$scope.apply()，其实就是手动触发了digest循环。
用$timeout去代替你的setTimeout,$timeout作为Angularjs的自带服务，当然时更契合Angularjs环境啦。它会隐性触发digest循环，而且它会延迟执行，会在上一个digest循环完成后的下一刻，触发digest循环

关注