Angular-UI-Router 学习笔记】的更多相关文章

UI学习笔记(7)--扁平化图标 认识扁平化 Flat Design 抛弃传统的渐变.阴影.高光等拟真视觉效果,打造看上去更平的界面.(颜色.形状) 扁平化图标有什么优缺点 优点: 简约不简单.有新鲜感 降低移动设备的硬件需求.延长待机时间 开发简单 缺点: 需要一定学习成本,缺乏直观 传达的感情不丰富,过于冰冷 扁平化的发展 提出:2008,谷歌提出 实现:微软,win8,彻底的扁平化风格 安卓2011年,Android 4.0实现扁平化 苹果2013年,IOS7开始扁平化 风格分类 纯平面…
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>angularRouter</title> </head><body> <!--1:--> <div ng-app="mymodule"> <!--通过ui-view属性指定路由模板的填充…
angular已经用了一段时间了,最近在做路由,做一下笔记. 路由跳转的时候进行穿参 ui.router方式 <a ui-sref="edit({id:5})"> 编辑</a> myapp.config(function($stateProvider, $urlRouterProvider){ $stateProvider .state("edit", { url: "/edit/:id", templateUrl: &q…
http://blog.segmentfault.com/bornkiller/1190000000402555 angular $q的一个不错的学习笔记…
Angular 5.x Lifecycle Hooks Learn Note Angular 5.x 生命周期钩子学习笔记 标签(空格分隔): Angular Note on cnblogs.com 3. 生命周期钩子 每个组件都有一个被ng管理的生命周期. 1. 组件生命周期钩子概览 指令和组件的实例都有一个生命周期钩子:新建.更新和销毁. 生命周期钩子接口在core库中. 每个生命周期钩子接口都有唯一的钩子方法,它们的命名是加ng前缀. 2. 生命周期的顺序 钩子 目的和时机 ngOnCha…
Angular 5.x Template Syntax Learn Note Angular 5.x 模板语法学习笔记 标签(空格分隔): Angular Note on github.com 上手 官网Heroes 例子:Demo On Github. 一.模板与数据绑定 1. 显示数据 selector 选择自定义标签的名称. template 属性定义内联模板:templateUrl 属性定义外链模板. 值的声明和初始化. export class AppComponent { // 变量…
引言 这周暂时没有任务下达,所以老大给我的任务就是熟悉jquery相关插件,我就先选择了jquery UI插件,以及jquery库学习. 我用了两天的时候熟悉Interactions模块中的Draggable功能,并跟随练习,写这篇博文就是想记录下自己的心得体会. 正文:Draggable(拖拽) 1.默认配置:就是简单的一行代码:$( "#目标元素Id" ).draggable(); <title>jqeruy UI 拖拽练习--默认配置</title> &l…
http://www.cnblogs.com/lzhp/p/4000741.html 第一章.        初识Angular——Angular是MVW的Js框架. 第二章.        数据绑定——ViewModel中不仅可以含有变量,还可以还有事件.可以通过事件来控制变量的值改变.视图绑定着VM中的变量和事件. 第三章.        模块——可以使用angular.module()来声明模块. 如angular.module(‘myApp’,[])相当于Setter:angular.m…
第一章.        初识Angular--Angular是MVW的Js框架. 第二章.        数据绑定--ViewModel中不仅可以含有变量,还可以还有事件.可以通过事件来控制变量的值改变.视图绑定着VM中的变量和事件. 第三章.        模块--可以使用angular.module()来声明模块. 如angular.module('myApp',[])相当于Setter:angular.module('myApp')相当于Getter. 第四章.        作用域--作…
网格系统 基本网格 <div class="ui grid"> <div class="column"></div> <div class="column"></div> <div class="column"></div> <div class="column"></div> <div cla…