Angular 2 Form表单在angular2 form表单中我们需要了解表单数据绑定、数据验证、数据提交等内容，在下面的示例中并没有实际提交到后台，这部分内容在今后webapi中加以练习。表单建立<form (ngSubmit)="onSubmit(planetForm.value)" #planetform="ngForm"></form>这里是一个空的表单ngSubmit是一个事件，用于提交数据，数据则是整个form表单的内容，通常情况下我们的表单会绑定到我们的一个model中，那么提交的数据最后也是以json格...
一、引入Http模块编辑\src\app\app.module.ts文件import { HttpModule } from ‘@angular/http‘;/* 注册模块 */imports: [HttpModule,],二、编辑列表画面编辑\src\app\components\users\list\list.component.html文件，这里用到了ng-zorro组件库相关配置看看下节内容。<nz-table #nzTable [nzDataSource]="data" [nzPageSize]="10"><thead nz-thead><tr><th nz-th><span>姓名</span></th><th nz-th><span>年龄</span></th><th nz-...
AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中：<script src="angular.js"></script>AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。AngularJS 扩展了 HTMLAngularJS 通过 ng-directives 扩展了 HTML。ng-app 指令定义一个 AngularJS 应用程序。ng-model 指令把元素值（比如输入域的值）绑定到应用程序。ng-b...
1-组件 创建组件，使用angularjs模块的conponent()方法，component(name,options);使用编译器注册组件定义，表示应用程序中的一个独立的UI组件。组件定义通常仅由模板和控制器组成。name为组件名，options为组件定义对象，其属性包括：controller（应该与新创建的作用域相关联的控制器构造函数或作为字符串传递的注册控制器的名称）、controllerAs（用于在组件范围内引用控制器的标识符名称）、template（html模板作为一个字符串...
ng-app="" 定义了angularJS的使用范围eg:ng-model="变量" 定义变量名eg:ng-init 指令初始化AngularJs应用程序变量eg:ng-bind 指令把变量绑定到某个段落的innerHTMLeg: ng-repeat 指令会重复一个html元素eg:依次输出names数组中的值ng-disabled指令 直接绑定应用程序数据到html的disabled属性ng-show指令 隐藏或显示一个html元素 ng-show=ture 为可见 ng-show=false 为不可见ng-click指令 定义了AngularJs点击事件AngularJs 表...
1.angular入门网站感谢@菜鸟教程：http://www.runoob.com/angularjs/angularjs-tutorial.html学习笔记：原文：http://www.cnblogs.com/allearner/p/5607955.html
custom form control 之前就写过了，这里简单写一下.创建一个组件实现 ControlValueAccessor 接口@Component({providers: [{ provide: NG_VALUE_ACCESSOR, multi: true, useExisting: MyInputComponent },],
})
export class MyInputComponent implements ControlValueAccessor {}实现 writeValue, model -> view 的时候被调用的，这里实现如何更新 view. 如果时 OnPush 记得要 markForCheckwriteValue(value: any): void {console...
学习视频地址：http://i.youku.com/i/UMzI1MjQ0MDgw?spm=a2h0z.8244218.2371631.d6373（大漠穷秋）配置环境（cnpm方式，angular-cli）1.安装nodejs2.安装angularjs环境打开命令窗，cd到项目目录运行npm i -g cnpm安装cnpm运行cnpm i -g angular-cli 安装angular cnpm install安装项目所需包ng server --prod --aot安装服务器（此步骤出错了）原文：http://www.cnblogs.com/zinan/p/7337105.html
在angular中为我们提供了3种方案处理class：第一种：通过数据的双向绑定（一般是不推荐的)注意：当它的值为一个字符串时，它就会把用空格分开的字符串加到class中(不推荐，与常用class并无太大差别)$scope.className = "change1";<div class="{{className}}"></div>//或者像这样
function changeClass(){$scope.className = "change2";
}<div class="{{className}}"></div>第二种：通过对象数组function ctrl($scope) { $scope.is...
refer : https://angular.io/guide/animationshttps://github.com/angular/angular/blob/master/packages/animations/src/animation_metadata.ts https://github.com/angular/angular/commit/f1a9e3c (router) angular 的动画建立在一堆的方法上: 1. trigger 触发器, 用来和 dom 交互 <div [@triggerName]="state" ></div>trigger 负责定义各种 state 和它们之间变化来变化去 transitiontrigger(‘triggerA‘, [ state(‘A‘, st...
最近参加笔试被虐成狗了，感觉自己的算法太弱了。但是还是先花点事件将这个AngularJS学习完。今天学习filter一、内置过滤器 （1）过滤单个数据值<!DOCTYPE html><html lang="en" ng-app="myApp"><head><meta charset="UTF-8"><title>内置过滤器-过滤单个数据值</title></head><body ng-controller="tableCtrl"><h1>今天是：{{now|date:"dd MMMM yyyy"}}</h1><table width="100%"><tr><td>name</td><td>cat</td><td>price</td><t...
核心特性:MVC, 模块化， 自动化双向绑定数据，语义化标签，依赖注入
MVC 1970年smalltalkMVC核心理念：你应该把你管理数据的代码(model).应用逻辑代码（controller).向用户展示的代码（view)清晰的分离开
数据绑定：声明UI中某个部分需要映射到某个JS属性，然后让他们自己去同步依赖注入：(自动解析依赖关系)只是简单的获取他们所需要的东西，而不需要创建那些它们所以来的东西，遵循了（Law of Demeter)也叫最少知识原则，意味着，...
知识点一：onkeyup():按键弹起时触发onkeydown():按键按下的时候发生，文字输入之前发生onkeypress():事件会在键盘按键被按下并释放一个键时发生 知识点二：angularJs中的指令ng-app：是内置指令，可以出现在任何位置，并有两个作用，一个是启动AngularJS框架，另一个是告诉AngularJS框架从ng-app指令所在的开始标签到结束标签之间的所有DOM元素由AngularJS框架进行管理ng-init：该指令用于初始化作用域，ng-model：$scope<--->vie...
如果我没记错的话，spring里边有个service层。什么是服务呢？个人理解就是很多地方要用的，可以跨越控制器甚至是跨越模块的工具。AngularJS也为我们提供了服务这种机制，这让我们可以将一些不属于某个控制器独有的东西定义成一个服务，要用的时候直接拿过来就好。使用服务有什么好处呢？一是便于统一修改，二是调用者不用关心内部实现，三是便于测试。一、factory<!DOCTYPE html><html lang="en" ng-app=‘myApp‘><head><meta cha...
ng2 路由的概念和游览器类似, 和 ui-router 也类似, 下面会把具体功能逐一解释 1. html5 和 hash # ng2 默认模式是 html5, 在开发阶段我们喜欢使用 hash 模式, 这样可以不用部署服务器.要从 html5 转换成 hash 只要做一个小设定 : 原文：http://www.cnblogs.com/keatkeat/p/5810987.html
这次我们来详细讲解angular的双向数据绑定。