AngularJS
chengqiuming
这个作者很懒,什么都没留下…
展开
-
AngularJS快速入门
一 什么是AngularJS官方定义:AngularJS是HTML开发本应该的样子,它是用来开发Web应用的。HTML一般是用来声明静态页面的,而AngularJS可以只通过前端技术就实现动态的页面。二 下载并引用AngularJSAngularJS的中文官方:http://www.angularjs.net.cn/AngularJS的中文下载地址:http://www.ang...原创 2018-09-02 09:56:49 · 1841 阅读 · 2 评论 -
AngularJS核心特性——模块化
一 点睛AngularJS为了分离代码达到复用效果,提供了一个module。定义模块需要使用下面的代码。无依赖模块:angular.module("firstModule", []);有依赖模块:angular.module("firstModule", ["moduleA","moduleB"]);模块中控制器的定义方法:angular.module("...原创 2018-09-02 11:07:45 · 880 阅读 · 0 评论 -
AngularJS核心特性——指令
一 点睛AngularJS内置了大量的指令(directive),如ng-repeat、ng-show、ng-model等。即使用一个简短的指令可实现一个前端组件。例如:有一个日期的js/jQuery插件,使用AngularJS封装后,在页面上调用此插件可以通过指令来完成。元素指令:<data-picker></data-picker>属性指令:<in...原创 2018-09-02 11:45:49 · 238 阅读 · 0 评论 -
AngularJS核心特性——双向数据绑定
一 单向数据绑定目前大多数前端框架都是单向数据绑定:JQuery、BackBone、Flex。模型发生了变化,视图也随之变化。二 双向数据绑定一旦视图发生了变化,模型也会发生变化。一旦模型发生了变化,视图也会发生变化。三 实战<!--整个例子体现了双向绑定的思想--><!doctype html><html ng-app>&...原创 2018-09-02 13:29:59 · 920 阅读 · 0 评论 -
AngularJS中的MVC概念
一 为什么需要MVC 代码规模越来越大,切分职责是大势所趋。为了复用:很多逻辑是一模一样的。为了后期维护方便:修改一块代码不影响其他功能。MVC只是手段,终极目标是模块化和复用。二 前端MVC的困难JS脚本的执行过程:浏览器加载脚本,加载完成后JIT编译执行。困难:1 操作DOM的代码必须等待整个页面全部加载完成。2 多个JS文件之间如果出现互相依赖,程序员必须...原创 2018-09-02 15:52:59 · 1396 阅读 · 1 评论 -
AngularJS的scope与事件机制
一 点睛1 神奇的$scope2 $scope的生命周期3 事件机制因为Scope的作用域范围不同,所以不同的Scope之间若有交互的话需要通过事件(Event)机制来完成1 冒泡(Emit)冒泡事件负责从子Scope向上发送事件。子Scope发送:$scope.$emit('EVENT_NAME_EMIT','message');父Scope接受:$s...原创 2018-09-02 16:32:36 · 863 阅读 · 0 评论 -
AngularJS的路由、模块
一 点睛1 多视图和路由是AngularJS实现单页面应用的技术关键,AngularJS内置了一个$routeProvider对象来负责页面加载和页面路由转向。2 模块化3 AngularJS一个完整项目结构4 ng官方推荐的模块切分方式任何一个ng应用都是由控制器、指令、服务、路由、过滤器等有限的模块类型构成的 控制器、指令、服务、路由、过滤器分别放在一个模块里...原创 2018-09-02 19:11:30 · 1415 阅读 · 0 评论 -
AngularJS的Service、Factory和http操作
一 Service和FactoryAngularJS为我们内置了一些服务,如$location、$timeout、$rootScope.很多时候,我们需要自己定制的服务,AngularJS为我们提供了Service和Factory。Service和Factory的区别:Service:AngularJS会使用new来初始化对象。 Factory:使用Factory会直接获得对象。1...原创 2018-09-02 20:03:19 · 1505 阅读 · 0 评论 -
Bootstrap和AngularJS整合Spring boot
一 项目介绍使用BootStrap制作导航,使用AnglularJS实现导航切换页面路由功能,并演示AngularJS通过$http服务和Spring Boot提供的REST服务,最后演示用指令封装jQuery UI的日期选择器二 实战1 新建Spring Boot项目,依赖如下:<dependency> <groupId>org.springfr...原创 2018-09-08 09:25:30 · 6166 阅读 · 1 评论