Angular
  1. 首页
  2. Angular

如何优雅升级ng2项目

说明这里的升级不是指ng1如何升级到ng2，仅使用ng2为栗子，说明，如何升级一个现有的项目。如果想看下如何从ng1升级到ng2，一定要关注Angular中文社区其中从ng1到ng2的平滑升级就是答案！package依赖包版本在讲解如何升级之前，先来了解下npm管理依赖包中存在的几个标点符号。=2.0.1

angular自定义指令中的transclusion以及自定义指令的嵌套

初衷写这篇文章的初衷有以下几点：1.最近项目中需要用到ng的自定义指令，并且还涉及到自定义指令的嵌套。其次，还不知道ng自定义指令中的transclusion是啥玩意童鞋请戳这篇文章。transclusion的值我们先创建一个app,代码如下我们都知道transclusion是自定义指令的的配置项，它的值有以下几种情况：1.boolean类型，也就是为true,或者false,当然，默认为false。创建一个自定义指令，设置其transclusion为true。那此时就要使用transclude的值为ob

angular 的 select 中 ng-options 设置默认值

angular的select中ng-options设置默认值在AngularJS开发的后台web系统中，经常需要对后台数据进行修改，而在修改数据的过程中，若页面中有select下拉框，需要让其选中原来的数据，即select中需要设置默认值。默认值设置方法：在select中使用ng-model绑定数据myColor，在对应的controller中定义ng-model全局数据$scope.myColor，并为其赋值，该值即为select的默认值。

如何工程化开发大型angular2项目上篇

后来找到一个angular-seed项目，于是我将该项目设立为种子项目，依据该种子项目我们开发了7、8个angular2项目。主心库创立完后，我们需要建立一个upstream的远端指向angular-seed项目平时我们想要更新主仓库时，只要gitpull一下upstram远端，就可以保持最新了。创建衍生库因为我们所有项目围绕主心库而衍生出来的，所以衍生库和主心库的关心和angular-seed关系一致。下篇预告下篇会涉及项目目录结构管理，以及angular2在移动端开发的经验，项目打包上线的经验。

AngularJS 001：初识

AngularJS历史就不多介绍了，其本质来说，AngularJS并不是新发明，只是一种改进罢了。以下所有代码，都以Asp.net为展现平台，和大家一起了解下AngularJS如何使用，所谓，纸上得来终觉浅,绝知此事要躬行。AngularJS指令ng-为前缀的，一般是指令。上面我们注意到是ng-开头的，这种是普通html属性，angularJS还支持html5的扩展，它使用data-ng开头的，比如效果AngularJS表达式表达式格式为：{{expression}}。如下代码效果AngularJS应用效

AngularJS 0002：表达式

AngularJS表达式格式：{{expression}}，我们来看各个类型的表达式的使用和写法。数字表达式效果也可以进行绑定，效果字符串表达式效果同样，也可以绑定效果数组表达式效果同样的，也可以绑定效果类似于JavaScript表达式，AngularJS表达式可以包含字母，操作符，变量。与JavaScript表达式不同，AngularJS表达式不支持条件判断，循环及异常。

构建一个自定义 angular2 输入组件

构建一个自定义angular2输入组件今天我们来学习如何正确的构建和一个具有和同样作用，但同时也具有自己的逻辑的输入组件。同时，我们的删除图标也是根据组件的focused属性切换显示：我们的input和组件内部的value属性进行了双向绑定，所以在_handleClear之后，我们的输入框的值自然也就被清空了。