AngularJs避免污染全局空间的使用技巧

最新推荐文章于 2021-12-29 14:46:30 发布
最新推荐文章于 2021-12-29 14:46:30 发布
阅读量455 收藏 1
点赞数
分类专栏： Angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jgzquanquan/article/details/79717486
版权

AngularJs避免污染全局空间的使用技巧

1.避免使用$scope

因为使用$scope后，变量都是在全局空间，在一个大项目中多人协作可能出现命名重叠，那么就会出现意想不到的错误，而且很难调试。

2.将定义的模块放到函数里

将定义的模块或者controller放到（function（）{}）里面。然后再调用该函数本身，那么这个controller只在局部有效，并不会污染全局空间

jgzquanquan
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular性能优化之脏检测
FlyWine的博客
10-30 2941
Angular性能优化之脏检测 当我们在使用 Angular 框架搭建项目时，随着组件越来越多，页面也来越复杂，性能会越来越低，主要表现在 CPU 使用率 很高。所以我们要对项目做一定的优化。 Angular脏检查（Change Detection）机制 Angular 的脏检测主要是指 zone.js,这是一个开源的第三方库，github地址。 关于 zone.js 的定义，官方解释为： A ...
angularJs(1)
眷恋天空的驴
03-17 178
angularJs----基于javascript开发的客户端应用框架，使我们可以更加快捷，简单的开发web应用。--诞生于2009年，后来被google收购，用在了很多项目中。--适用于CRUD增加(Create)、读取(Read)、更新(Update)和删除(Delete)应用或者SPA单页面网站的开发。适用的场景：适合大量前后端数据交互和前后端分离式的开发的项目中，或者spa单页面的开发MV
启动angular项目时，样式有问题
qq_25970751的博客
12-16 752
angular6使用angular-cli构建的项目，启动时引用bootstrap样式无效。 前言：昨天在公司升级把项目从angular4 升级到 angular6，很顺利，今天趁着双休日，升级下家里本本的项目，确保家里和公司环境一样，以便日后维护项目方便。（我有一篇博客是专门介绍升级angular-cli，这里不做介绍） 问题来了：升级还算顺利，当我ng serve 时，出问题了。 最直观...
angular2 component css设置样式为全局样式
langyalaoa的博客
04-20 4391
angular2 component默认把样式加载为component的局部样式，避免污染其他component。 但有时也需设置为全局样式，可以在component中添加 encapsulation: ViewEncapsulation.None @Component({ encapsulation: ViewEncapsulation.None, selector: '
Angular 笔记9（组件与模板——组件样式）
hequhecong10857的博客
11-14 297
组件样式 使用组件样式 @Component({ selector: 'app-root', template: ` <h1>Tour of Heroes</h1> <app-hero-main [hero]="hero"></app-hero-main> `, styles: ['h1 { font-weight: normal; }'] }) export class HeroAppComponent { /* . . .
AngularJS全局scope与Isolate scope通信用法示例
10-21
主要介绍了AngularJS全局scope与Isolate scope通信用法,结合格式分析了全局scope和directive本地scope相关功能、通信用法与相关注意事项,需要的朋友可以参考下
Angularjs 设置全局变量的方法总结
11-26
要实现的功能是，在ng-app中定义的全局变量，在不同的ng-controller里都可以使用。 1，通过var 直接定义global variable，这根纯js是一样的。 2，用angularjs value来设置全局变量 。 3，用angularjs constant来设置...
AngularJS基于provider实现全局变量的读取和赋值方法
10-19
在AngularJS中，全局变量的管理和使用是开发者经常遇到的需求，尤其在多个控制器之间共享数据时。本篇文章将深入探讨如何基于AngularJS的`provider`实现全局变量的读取和赋值，以及在实际开发中应注意的一些事项。 ...
AngularJS全局警告框实现方法示例
10-19
主要介绍了AngularJS全局警告框实现方法,结合实例形式分析了AngularJS全局警告框的实现步骤与相关操作技巧,需要的朋友可以参考下
angular使用问题记录（更新中）
qq_38872934的博客
06-19 340
form表单的formcontrol项指定默认值 解决方案：同时使用formControlName属性和ngModel属性。 ViewChild获取html节点内容，明明存在却是undefined 可能原因：在程序初始化完成后，就会尝试获取ViewChild所标明的节点，但该节点不一定存在（如使用ngIf控制），此时需要把变量对象的static属性设置为false，才能动态的获取内容，否则只能得到undefined。 ...
Angular中的: host 和 ::ng-deep
KenkoTech的博客
12-29 4119
现在的前端开发都是单页面组件化模式, 也是就一个项目就一个页面, 通过ruter来切换组件, angular也不例外。 而每个组件都有他们自己的样式，虽然每个组件都有自己的样式，但是最终都会打包到一起，那么，问题来了，组件之间的样式会相互影响吗。 我们新建一个项目my-app，在这个项目的src目录下有一个app组件，这个组件就是项目的根组件，我们把它当作父组件用，在app.component.ts里写上这些代码 import { Component } from '@angular/core..
angularjs中的隔离作用域理解以及绑定策略
01-19 206
http://blog.csdn.net/liangklfang/article/details/51096489
CSS几种常见的样式污染
panda7
07-31 4240
对于我们初学者来说CSS最怕的就是样式污染，我会将我遇到的样式污染不定期的整理到这篇文章中，欢迎关注。 CSS部分 .checkIn{ background-image: url(&quot;http://www.1milliondance.com/new1m/assets/img/visual/bg_howtoregister.jpg&quot;); height: 972px; w...
Angular 通过路由切换模块引起的样式互相影响问题
weixin_33895604的博客
12-19 935
重构Angular时，设计了通过路由惰性加载各个模块，但是出现了模块间样式互相影响的问题； appModule下共有4个模块： login 登录 默认进入该模块，通过业务逻辑判断加载下面三个模块； management 管理系统 引入了 ng-zorro-ant； bigscreen 大屏，没有引入其他模块； mobile 移动端，没有引入其他模块； 当系统加载过manag...
Angular 5 中的样式问题
Paul_Huang的Footprint
01-28 2348
用了别人写的指令，里面返回了html标签。傻傻的，在Angular 5的component中定义了样式，但是样式就是不起作用，不起作用有没有！那种无奈的感觉，chrome查看，居然是 user agent stylesheet 起作用。 user agent stylesheet可是浏览器的默认样式，随便一个样式都能覆盖，我定义的样式怎么没用呢？为什么不覆盖呢？ 查看HTML元素的样式表
Android命名规范
Dang by my side
10-26 1612
样式<style> .red{ border: 1px solid red; } </style> <script src="angular.js"></script> <script> var myapp=angular.module("myapp",[]); myapp.control
Angular2入门——(4)为模板应用样式
06-12 4126
styles - 设置模板样式 组件既然处于UI层，就应当好看些，好看是构造良好用户体验的一部分。Angular2的 组件模板基于HTML，那么显然，我们需要通过样式表/CSS来调整组件的外观。 和模板类似，我们有两种方法为组件设置CSS样式： 1. 内联样式 可以使用组件View注解的styles属性来设置内联样式： @View({ styles:[`
js原型链污染(超详细)
qq_51586883的博客
08-23 5775
js创建对象的三种方法 ： 普通创建 var person={name:'lihuaiqiu','age','19'} ​ var person={} //创建空对象 构造函数方法创建 function person(){ this.name="liahuqiu"; this.test=function () { return 23333; ​ } } person.prototype.a=3; web=new person(); console.l...
js全局变量污染问题
weixin_30532987的博客
12-24 205
javaScript 可以随意定义保存所有应用资源的全局变量。但全局变量可以削弱程序灵活性，增大了模块之间的耦合性。在多人协作时，如果定义过多的全局变量 有可能造成全局变量冲突，也就是全局变量污染问题,以下是两种解决办法一.定义全局变量命名空间 只创建一个全局变量，并定义该变量为当前应用容器，把其他全局变量追加在该命名空间下 var MY={}; my.name={ ...
如何避免JavaScript中的全局变量污染
最新发布
04-25
在 JavaScript 中，可以通过使用以下几种方法来避免全局变量污染： 1. 使用 IIFE（立即执行函数表达式）将代码块封装在函数作用域中，从而避免变量泄漏到全局作用域。 2. 明确声明变量的作用域。可以使用 let、...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值