Angularjs笔记（1）- $scope

最新推荐文章于 2024-11-08 16:09:18 发布
最新推荐文章于 2024-11-08 16:09:18 发布
阅读量58 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/winson/p/4850718.html
版权

$scope本质上是一个JavaScript对象，该对象能把view（DOM元素）连接到Controller上，对应我们MVC里面的Model，在View和Controller中都可以访问该对象。

我们可以使用$scope对象在View和Controller之间传递消息，$scope对象上可以存放数据，也可以存放方法（这些方法可以在view里直接调用）

$scope对象是分层级的，顶层的对象为$rootScope，对应的是ng-app指令所在的DOM元素，子级的可以访问父级的对象。

 

可以把app.run()看做是angular应用的main方法，它在其他部分之前运行。

 

转载于:https://www.cnblogs.com/winson/p/4850718.html

Angular练习题
weixin_33962923的博客
02-18 1015
1、ng-bind 与{{}}有区别吗？B A、有区别，在我们载入数据的时候ng-bind会出现一瞬间的乱码 B、有区别，在我们载入数据的时候{{}}会出现一瞬间的乱码 C、没有什么区别，都可以将我们获取的数据分配到页面上 2、【多选】以下说法正确的是AB A、angular.toJson()将对象转成字符串 B、Angular.fromJson()将字符串转成对象 C、ang...
深入探究AngularJs之$scope对象（作用域）
12-08
这两天学习了AngularJs之$scope对象这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。 一、作用域 AngularJs中的$scope对象是模板的域模型,也称为作用域实例.通过为其属性赋值,可以传递数据给模板渲染...
js 方法中使用$scope对象
czp555的博客
09-04 3951
//获取群组成员 //{"id":"5"} function getGroupAuthority(obj){   var gid =$(obj).attr("id");    var appElement = document.querySelector('[ng-controller=quanzuCtrl]'); //通过controller来获取Angular应用    var $s
对AngularJs中$scope的深入理解
key_next的博客
04-19 4796
$scope在AngularJS中可谓十分重要，是AngularJS中MVC的基础，也是实现双向数据绑定的基础，那么我们该如何理解$scope呢？ 首先，$scope本身是一个普通的JavaScript对象；其次，$scope是一个表达式的执行环境。 我们该如何理解执行环境呢？在JavaScript中，执行环境定义了变量或函数有权访问的其他数据，也就决定了它们可以对哪些变量或者函数进行操作。每
angularjs学习笔记--service、$http、$scope、angularjs指令、事件、api
weixin_30549175的博客
08-19 204
<span ng-bind="name"></span> <span ng:bind="name"></span> <span ng_bind="name"></span> <span data-ng-bind="name"></span> <span x-ng-bind="name"...
AngularJs学习笔记--Scope
不断成长的我
05-04 1108
一、什么是Scope？scope[http://code.angularjs.org/1.0.2/docs/api/ng.rootScope.Scope]是一个指向应用model的object。它也是expression（http://www.cnblogs.com/lcllao/archive/2012/09/16/2687162.html）的执行上下文。scope被放置于一个类似应用的DOM结构
angularJS<$scope里的$watch方法>
zyy_0725的博客
12-04 1682
$scope里的$watch方法,angularJS
AngularJs学习笔记(4)--$scope里的$watch方法
zunguitiancheng的专栏
04-22 3570
http://xlows.blog.51cto.com/5380484/1425445 本文主要接住前文简单介绍一下angular中的$watch方法 在前面介绍过$apply方法中提到过脏检查，首先apply方法会触发evel方法，当evel方法解析成功后，会去触发digest方法，digest方法会触发watch方法。 (1)$wa
AngularJs学习笔记(3)--$scope中的$apply和$digest方法
zunguitiancheng的专栏
04-22 410
http://xlows.blog.51cto.com/5380484/1425325 首先，我们利用angular在页面上输出当前的时间，这个并不难，代码如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
AngularJS 学习笔记---Scope
chuyi0194的博客
05-30 247
What are Scopes? Scopeis an object that refers to the application model. It is an execution context forexpressions. Scopes are arranged in hier...
AngularJS1.X学习笔记2-数据绑定详解
12-04
在AngularJS 1.x中，数据绑定主要通过以下几种方式实现： 1. **`ng-bind` 指令**：`ng-bind` 用于实现单向数据绑定，即将模型数据绑定到HTML元素的文本内容。例如： ```html <h1 ng-controller='dataCtrl' ng-bind=...
AngularJS学习笔记之ng-options指令
10-24
以下是关于`ng-options`指令的学习笔记，涵盖基本用法、自定义显示名称、分组选项和自定义`ngModel`绑定。 ### 1. 基本下拉效果 在`<select>`元素中，使用`ng-options`指令可以绑定一个数组，并将数组中每个元素的...
vue2面试题5|[2024-11-08]
最新发布
m0_49474690的博客
11-08 307
关于vue2API的面试题
Echarts 折线图
weixin_44443380的博客
11-08 203
解决方法：设置emphasis.lineStyle和折线图本身lineStyle相同即可。问题：鼠标悬停在折线图上，折线变粗。3、去掉 hover 折线变粗方法。
每天10个vue面试题(九)
不熬夜的臭宝的博客
11-08 516
一天10个vue面试题喽！
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 617
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
上门理发系统的搭建
app830的博客
11-07 376
上门理发系统的搭建涉及多个方面，包括技术架构、功能模块、用户体验以及运营策略等。服务器：部署应用到云服务器（如AWS、阿里云）或本地服务器上，确保系统的稳定性和可扩展性。消息通知：通过短信、邮件或APP推送等方式，向用户发送预约确认、提醒等消息。订单管理：用户可以查看自己的预约订单，包括待付款、已付款、已完成等状态。服务浏览与选择：展示各类理发服务，包括价格、时长、适用人群等信息。在搭建过程中，要确保系统的安全性和稳定性，防止数据泄露和系统崩溃。操作便捷：优化用户操作流程，减少不必要的步骤，提高用户体验。
Electron + Vue3 开发桌面应用+附源码
m0_47483157的博客
11-08 590
Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的框架。它由 GitHub 开发并维护，允许开发者使用现代 Web 技术创建原生应用程序。Electron 结合了 Chromium 渲染引擎和 Node.js 运行时环境，使得开发者可以在同一个项目中同时利用前端和后端的技术栈。Electron 主要特点跨平台：一次编写，可在 Windows、macOS 和 Linux 上运行。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 229
vxe-grid新增空行，并且定位到空行位置。
AngularJS源码笔记：深入$rootScope.$broadcast事件传递机制
在本源码笔记中，我们看到了如何利用AngularJS中的$rootScope.$broadcast来传递事件，这是一种在AngularJS应用中实现父子控制器间通信的方式。具体来说，$rootScope是AngularJS中的全局作用域，相当于整个应用的数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值