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