Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >AngularJS

AngularJS

作者头像
城市中的游牧民族
发布于 2019-02-21 02:43:40
发布于 2019-02-21 02:43:40
1.5K00
代码可运行
举报
文章被收录于专栏:前端真相前端真相
运行总次数:0
代码可运行

1.scope 与 rootScope

scope:单个controller的作用域。可以直接在某controller下的页面引用scope下的变量 rootScope:多个controller作用域的桥梁。可以直接在全局页面引用rootScope下的变量

举例:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$rootScope.name = '小明';
$scope.name = '小明';//和$rootScope同名可以使用$root
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div ng-controller="controller1">{{name}}</div>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div >{{name}}</div>

2.sessionStorage 与 localStorage

sessionStorage:关闭当前页面就被清除。 注意事项——针对同一链接,在当前页面保存用户名等信息,在新的tab页打开就失效了。localStorage不会。 localStorage:不主动清除,不会失效。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018年08月24日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
AngularJS Scope(作用域)
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。
陈不成i
2021/07/23
1.6K0
angularjs directive学习心得
transclude有三个选项,true, false, 和object.如果不显示指明的话,默认为false. 当为false的时候,则那个directive里面的指令不会嵌入到你写的模板里,举个例子 下面是html代码
嘿嘿嘿
2018/09/10
1K0
angularjs directive学习心得
angularjs学习第一天笔记
    您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点评与赐教。谢谢!
小小许
2018/08/30
2.2K0
angularjs学习第一天笔记
Angularjs基础(三)
    AngularJS ng-model 指令     ng-model 指令用于绑定应用程序数据到HTML 控制器(input,select,textarea)的值 ng-model指令     ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。       实例:         <div ng-app="myApp" ng-controller="myCtrl">             名字:<input ng-model="name">  
用户1197315
2018/01/19
3.2K0
AngularJS Scope 的概念、特性和用法
在 AngularJS 中,Scope(作用域)是连接控制器和视图的关键概念之一。Scope 定义了应用中的数据模型,并且在控制器和视图之间建立了双向数据绑定。本文将详细介绍 AngularJS Scope 的概念、特性和用法,并提供一些示例帮助读者更好地理解和应用。
网络技术联盟站
2023/07/05
2540
[angularjs] angularjs系列笔记(四)控制器
所有的应用都有一个$rootScope,它可以作用在ng-app指令包含的所有的html元素中
唯一Chat
2019/09/10
4130
AngularJs之Scope作用域
  AngularJS 中,作用域是一个指向应用模型的对象,它是表达式的执行环境。作用域有层次结构,这个层次和相应的 DOM 几乎是一样的。作用域能监控表达式和传递事件。
用户5640963
2019/07/26
1.6K0
angularjs 控制器、作用域、广播详解
一、控制器 首先列出几种我们平常使用控制器时的几种误区: 我们知道angualrJs中一个控制器时可以对应不同的视图模板的,但这种实现方式存在的问题是: 如果视图1和视图2根本没有任何逻辑关系,这样“
柴小智
2018/04/10
2K0
angularjs 控制器、作用域、广播详解
AngularJS入门心得4——漫谈指令scope
  上篇《AngularJS入门心得3——HTML的左右手指令》初步介绍了指令的概念和作用。已经和指令打过一个照面,就不会那么陌生了,今天主要介绍的是一个困扰了我很久终于想通的问题,这个问题与scope有关,可以看做是《AngularJS入门心得1——directive和controller如何通信》在scope上的补充和延伸。    小时候,老师就教会了我们盲人摸象这个成语,教导我们认识事物不能片面,缺少对于一个事物全局的认知。所以,说到指令,它的一个完整结构如下: angular.module('myA
JackieZheng
2018/01/16
2K0
AngularJS入门心得4——漫谈指令scope
Angular企业级开发(8)-控制器的作用域
scope概念 scope(作用域)是视图和控制器之间的桥梁,scope本身是一个对象,有方法和属性。scope可以应用在视图和控制器上。 scope简单示例 <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>AngularJS Scope Demo</title> <script> document.write('<base href="' + document.locatio
八哥
2018/01/18
8840
初识angularjs
之前有学习过一段时间的backbone,近期在同事的建议了稍稍的来了解了一下angularjs,和backbone一样,同是比较著名和流行的前端MVC框架。另外值得一提的是angularjs是由google组织开发的。
the5fire
2019/02/28
6580
Angularjs 服务
AngularJS 服务(Service):www.runoob.com/angularjs/angularjs-services.html
全栈程序员站长
2022/09/15
2.1K0
AngularJS系列(二)——作用域和控制器
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
逝兮诚
2019/10/30
4750
4、Angular JS 学习笔记 – 创建自定义指令 [翻译中]
注意:本指南是针对已经熟悉AngularJS基础的开发者。如果您只是想要开始,建议您先去看教程。如果你在寻找指令的API,我们最近把他移动到$compile
前Thoughtworks-杨焱
2021/12/08
4.9K0
Angular企业级开发(7)-MVC之控制器
1.MVC中的控制器 AngularJS的控制器主要为了把模型和视图连接在一起。大多数业务逻辑操作都会放在视图对应的控制器中。当然如果我们能够把业务逻辑放到后端的REST服务中,就可以开发轻量级AngularJS应用。 涉及到多个控制器中使用的业务逻辑,需要放到一个公共的服务中,然后把改服务注入使用到该业务逻辑的控制器中。 2.理解控制器 在AngularJS的控制器中,构造函数会有$scope参数。当一个控制器通过ng-controller指令连接到DOM上,Angular将实例化一个新的控制器对象,然后
八哥
2018/01/18
2K0
angularJS学习之路(三)---控制器
控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。
wust小吴
2019/07/08
6570
【AngularJS】—— 12 独立作用域
前面通过视频学习了解了指令的概念,这里学习一下指令中的作用域的相关内容。 通过独立作用域的不同绑定,可以实现更具适应性的自定义标签。借由不同的绑定规则绑定属性,从而定义出符合更多应用场景的标签。 本篇将会总结下面的内容:   1 为何需要独立作用域   2 如何实现独立作用域   3 作用域的数据绑定 之前有一些错误,是由于replace拼写错误导致的。 拼写正确后,网友发现报错,无法正常工作。这是因为模板中存在单标签<br>,导致模板无法正确解析~ 再次感谢博友们提出的错误! 独立作
用户1154259
2018/01/17
1.4K0
【AngularJS】—— 12 独立作用域
【AngularJS】—— 4 表达式
前面了解了AngularJS的基本用法,这里就跟着PDF一起学习下表达式的相关内容。   在AngularJS中的表达式,与js中并不完全相同。   首先它的表达式要放在{{}}才能使用,其次相对于javascript中的表达式概念,它有以下几点不同:   1 作用域不同 在javascript中默认的作用于是window,但是在angularJs中就不同了。它使用$scope控制作用于。   2 允许未定义的值 在angularjs中,如果使用了未定义的表达式,也不会出现错误,直接返回空值。  
用户1154259
2018/01/17
1.2K0
【AngularJS】—— 4 表达式
3-进军 angular1.x 模型和作用域 scope
View(视图), 即 HTML。 Model(模型), 当前视图中可用的数据。 Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。 scope 是模型。
西南_张家辉
2021/02/02
1.3K0
达观数据对AngularJS技术的思考与实践
AngularJs诞生于2009年,最初由MiskoHevery和Adam Abrons开发,后来成为Google的项目。AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚、简洁地构建你的应用组件。它的创新点在于,利用 数据绑定 和 依赖注入,它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现,这也使得它能够完美地和任何服务器端技术结合。(达观数据陈高星) 本文主要涵盖:AngularJsMVC模型、$s
达观数据
2018/03/30
5.6K0
相关推荐
AngularJS Scope(作用域)
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验