![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【angularjs】
文章平均质量分 89
灵熙兔
这个作者很懒,什么都没留下…
展开
-
AngularJs 4大核心
AngularJs 4大核心 放弃了IE8,4大核心:(1)MVC:数据模型,视图层,业务逻辑和控制模式(控制器),为何MVC不是设计模式呢?(23种设计模式里没有MVC,MVC模式的目的就是实现Web系统的职能分工,超越了设计模式,是一种架构模式)。(2)模块化: 标签:<html ng-app="myApp"></html>angularjs是以模块化开始的,取代全局函数的使用。代码:var转载 2016-08-30 11:16:09 · 546 阅读 · 0 评论 -
Angularjs 学习笔记(一)基础
1.简介: Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏览器,与 jQuery 配合良好。2 . AngularJS应用程序的三个组成部分,它们如何映射到模型-视图-控制器设计模式: 模板:是您用HTML和CSS编写原创 2016-10-02 16:13:09 · 1645 阅读 · 0 评论 -
Angularjs 学习笔记(二)MVC与作用域
模型 - 视图 - 控制器或MVC,MVC是普遍的叫法,是一种软件设计模式,用于开发Web应用程序。模型- 视图 - 控制器模式是由以下三部分组成:模型/Model - 一个负责维护底层数据模式。模型是负责管理应用程序的数据。它响应来自视图的请求,同时也响应指令从控制器进行自我更新。 视图/View - 负责显示所有或数据到用户的部分。在一个特定的格式的演示数据,由控制器决定触发显示数据。 控制原创 2016-10-02 22:28:30 · 910 阅读 · 0 评论 -
Angularjs学习笔记(三)表达式、指令、模型
一、表达式 AngularJS 使用 表达式 把数据绑定到 HTML。 类似ng-bind 指令,AngularJS 表达式写在双大括号内:{{ expression }}把数据绑定到 HTML,在表达式书写的位置”输出”数据。注意: 所有的表达式都在其所属的作用域内部执行,并有访问本地$scope的权限; 如果表达式发生了TypeError和ReferenceError并不会抛出异常;原创 2016-10-04 12:00:45 · 704 阅读 · 0 评论 -
Angularjs学习笔记(四)模块化与依赖注入
一、路由ngRoute服务 随着web应用越来越大,一个应用里面存在多个视图。在不同的视图之间进行切换时(url),为了支持浏览器的“前进、后退、history”,angular有ngRoute服务,提供$routeProvider通常我们的URL形式为http ://runoob.com/first/page,但在单页Web应用中 AngularJS 通过 # + 标记 实现,例如:http:/原创 2016-10-04 19:52:30 · 1249 阅读 · 0 评论 -
angularjs scope的绑定策略
当scope选项写为scope:{ }这种形式的时候,就已经为指令生成了隔离作用域 现在,我们来看看绑定策略的三种形式: @、= 、&。 (1)@ 首先是@,把当前的属性作为字符串传递。你还可以绑定来自外层的scope的值,在属性值中插入{{ }}即可。什么意思呢?说的简单一点就是假设你在模板中有个双花括号表达式,然后我们把表达式里的内容和html中指令里特定名字的属性绑定起来:<div ng原创 2016-10-05 20:00:29 · 374 阅读 · 0 评论 -
Angularjs学习笔记(五)指令
一、指令基础 当浏览器加载一个包含AngularJS应用的HTML时,我们只需要用内置指令ng-app启动AngularJS应用,并标记出应用的根节点,这个指令需要以属性的形式来使用,因此可以将它写到任何位置,但是写到<html>的开始标签上是最常规的做法: 1.指令的使用方式<html ng-app="myApp"><!-- 应用的$rootScope --></html>任何在这个根元素原创 2016-10-05 10:05:54 · 1031 阅读 · 0 评论 -
Angularjs ng-form
ng-form用来在一个表单内部嵌套另一个表单。普通的HTML <form>标签不允许嵌套,但ng-form可以。 这意味着内部所有的子表单都合法时,外部的表单才会合法。这对于用ng-repeat动态创建表单是非常有用的。 (1)Angular为form扩展了自动校验,防止重复提交等功能 (2)Angular对input的type进行了扩展,一共有10种类型: text,number,url原创 2016-10-06 16:47:36 · 861 阅读 · 0 评论