angularjs 学习笔记简单基础

angularjs是谷歌公司的一个项目，弥补了hml在构建方面的不足，通过指令（directive）来扩展html标签，可以使开发者使用html来声明动态内容。

angularjs主要用来开发单页应用（SPA）为主的项目。

angularjs四个主要特点：1.mvc模式 2.双向数据绑定 3.模块化 4.指令系统

为了使用Angular，所有应用都必须首先做两件事情

1. 下载加载 angular.js 库

2. 使用ng-app 指令告诉 angular 应该管理DOM中的哪一些部分。

angular 中一些常用指令：

ng-app：网页中的根元素，

ng-init：初始化数据；

ng-bind：绑定数据；

ng-show：显示；

ng-hide：隐藏数据；

ng-class：控制class

ng-click：绑定点击事件；

ng-disabled：禁用事件；

ng-model：绑定html中的数据；

ng-repeat：循环数据；

1. Angularjs MVC

Model：数据模型层

View：视图层，负责展示

Controller：业务逻辑和控制逻辑

优点: 代码模块化代码逻辑比较清晰、可移值性高，后期维护方便、代码复用，代码规模越来越大的时候，切分职责是大势所趋

缺点：运行效率稍微低一些

$scope 控制作用域；$rootscope：根作用域，全局作用域；

1. Angularjs $scope里面的$apply方法

$apply方法作用：

Scope提供$apply方法传播Model的变化

$apply方法使用情景：

AngularJS外部的控制器（DOM事件、外部的回调函数如jQuery UI空间等）调用了AngularJS函数之后，必须调用$apply。在这种情况下，你需要命令AngularJS刷新自已（模型、视图等），$apply就是用来做这件事情的。

$apply方法注意事项：

只要可以，请把要执行的代码和函数传递给$apply去执行，而不要自已执行那些函数然后再调用$apply。例如，你应该像下面这样来执行你的代码：

$scope.$apply(function() {

$scope.variable1 = 'some value';

executeSomeAction();

});

2. Angularjs $scope里面的$watch方法

$watch方法作用：

$watch方法监视Model的变化。

转载于:https://www.cnblogs.com/yangfengmei/p/6116953.html

angularjs 学习笔记简单基础相关推荐

【AngularJs学习笔记三】Grunt任务管理器
为什么80%的码农都做不了架构师?>>> #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...
html5教程 w3cschool,W3Cschool学习笔记——HTML5基础教程
HTML5 建立的一些规则:新特性应该基于 HTML.CSS.DOM 以及 JavaScript. 减少对外部插件的需求(比如 Flash) 更优秀的错误处理更多取代脚本的标记 HTML5 应该独立 ...
Docker:学习笔记(1)——基础概念
Docker:学习笔记(1)--基础概念 Docker是什么软件开发后,我们需要在测试电脑.客户电脑.服务器安装运行,用户计算机的环境各不相同,所以需要进行各自的环境配置,耗时耗力.为了解决这个问题 ...
python input 拖入路径去除转义空格_python学习笔记（基础-2）(转载)
1.输出用print()在括号中加上字符串,就可以向屏幕上输出指定的文字. 2.输入如果要让用户从电脑输入一些字符怎么办?Python提供了一个input(),可以让用户输入字符串,并存放到一个变 ...
php基础教学笔记,php学习笔记：基础知识
php学习笔记:基础知识 2.每行结尾不允许有多余的空格 3.确保文件的命名和调用大小写一致,是由于类Unix系统上面,对大小写是敏感的 4.方法名只允许由字母组成,下划线是不允许的,首字母要小写,其 ...
【AngularJs学习笔记五】AngularJS从构建项目开始
为什么80%的码农都做不了架构师?>>> #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...
BGP协议学习笔记——BGP基础
BGP协议学习笔记--BGP基础(BGP概念.BGP报文.BGP状态机.BGP关系建立.BGP路由通告) 说明:本文学习笔记整理自网络.华为公开产品文档.华为公开PPT及部分的自我理解一.BGP简介 ...
Java学习笔记之基础篇
Java学习笔记之基础篇目录 Java如何体现平台的无关性? 面向对象(OO)的理解面向对象和面向过程编程的区别面向对象三大特征静态绑定和动态绑定(后期绑定) 延伸:类之间的关系组合(聚合) ...
C++ 【学习笔记】 - 基础（class、inline、explict、new、delete、static、this、mutable、friend、operator、virtual）
上上一篇:java全家桶上一篇:C语言 [学习笔记] - 基础.理论(原码/反码/补码).函数(字符串.定义).指针.内存(函数.结构).复合类型.函数(调用原理.指针.接口) 视频:https:/ ...

angularjs 学习笔记简单基础

angularjs 学习笔记简单基础相关推荐

最新文章

热门文章

angularjs 学习笔记 简单基础

angularjs 学习笔记 简单基础相关推荐

最新文章

热门文章

angularjs 学习笔记简单基础

angularjs 学习笔记简单基础相关推荐