发布 ng-alain 1.0.0 正式版

2018-05-16 admin

ng-zorro-antd 0.7.0 发布时我就想说那得喝一杯,这个版本的等待其实在社区里反应是有点“忐忑”,所以当VTHINK跟我说来今天要发布 0.7 时我说那晚上得喝一杯。然而,为了将 ng-alain 也同步 0.7 一个晚上都在忙碌;直到倒头睡觉把喝一杯的事已经忘光了。

当然,今天也算是个不错的日子,ng-alain 也发布了 1.0.0 正式版。

从 0.8 到 1.0 并没有做了很多新的东西,一直以让开发者更加专注于业务的角度做了一些重构、抽离、测试等工作。

Angular6 发布没多久,带来了一些很酷的操作。当然 ng-alain 起点也比较激进,几乎总是第一时间保持 Angular 和 zorro 版本的同步。

在 1.0 里我们是这么开始 ng-alain 的……

如何开发

1、需要一个空 Angular 项目

ng new myapp --style less

2、加点料

ng add ng-alain

更多细节参考命令行工具

是的,没有了,就这么简单。这一切都归于 Angular cli 的开放,早先 ng-alain 就提供一个叫 @delon/cli 的类库,其实二者在做的是同一件事。

当然,还可以做更多很酷的事,例如大部分情况下对中后台的列表都是比较常规的搜索加表格形式,而在 ng-alain 里可以生成一些比较通用列表页:

ng add ng-alain:list list
# 不介意再来一个编辑和查看页
ng add ng-alain:edit edit
ng add ng-alain:view view

恩,好像有点烦,要不这样好了:

ng add ng-alain:curd order

新类库

@delon/form

ng-alain 最早的使用者们提出了一个蛮有价值的基于 JSON Schema 动态表单库,因此在另外几个人的帮忙下开发了 nz-schema-form,非常仓促的在 angular2-schema-form 基础上引入 zorro 组件库,大体还是蛮好用的,只不过数据流混乱、标准的 JSON Schema 携带非标准的属性。

花了很长的时间重新开发并正式成为 @delon 系列库中的一员:@delon/form,构建一个表单只需这样:

@Component({
  selector: 'app-demo',
  template: `<sf [schema]="schema" (formSubmit)="submit($event)"
  (formChange)="change($event)"></sf>`
})
export class DemoComponent {
  schema: SFSchema = {
    properties: {
      name: {
        type: 'string',
      },
      password: {
        type: 'string'
      },
    },
  };
  submit(value: {}) { }
}

@delon/util

有一天我们发现 ng-alain 的使用者,出现了些 @delon/abc/src/util/ 开头的引入,这些工具集大部分单纯是服务于 @delon/abc 内部组件的,一开始就弱化了这一部分的文档。

于是,把它抽离成:@delon/util,并为此强化了部分函数,比如:字符串类 format、延迟加载等。

新的开始

ng-alain 会开始放缓基建类库的迭代,而未来将更多的时间去挖掘 ng generate 发挥的能力,它可以让我们完成很多很酷的开发体验。

希望 ng-alain 真正做到【让开发者更加专注于业务】。

今夜一定会去喝一杯!

原文链接:https://segmentfault.com/a/1190000014891244

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-32378.html

文章标题:发布 ng-alain 1.0.0 正式版

相关文章
JavaScript中文网:即将发布JavaSCript原创教程
JavaScript中文网:即将发布JavaSCript原创教程 ...
2015-11-12
HTML 5 <em> <strong> <dfn> <code>
&lt;em&gt; 把文本定义为强调的内容。 &lt;strong&gt; 把文本定义为语气更强的强调的内容。 &lt;dfn&gt; 定义一个定义项目。 &lt;code&gt; 定义计算机代码文本。 &lt;samp&gt; 定义样本...
2015-11-12
angular+ionic 的app上拉加载更新数据实现方法
第一步,首先需要在&lt;ion-content&gt;标签里面加入标签&lt;ion-infinite-scroll ng-if=&quot;hasmore&quot; on-infinite=&quot;loadMore()&quot;...
2017-03-07
Javascript中实现String.startsWith和endsWith方法
在操作字符串(String)类型的时候,startsWith(anotherString)和endsWith(anotherString)是非常好用的方法。其中startsWith判断当前字符串是否以anotherString作为开头,而e...
2017-03-24
使用AngularJS开发我们下一款Web应用的七个理由
在当下这个电子商务时代,每一家企业都热衷于通过网络拓展自身业务。而这也使Web开发人员市场呈现出前所未有的红火态势。根据最近发布的一份调查报告,全球网站总数已经超过8.76亿个,而且这一数字还在不断上升当中。市场上用于Web开发的平台亦多种...
2015-12-25
在JavaScript的AngularJS库中进行单元测试的方法
开发者们都一致认为单元测试在开发项目中十分有好处。它们帮助你保证代码的质量,从而确保更稳定的研发,即使需要重构时也更有信心。 ** 测试驱动开发流程图** AngularJS的代码声称其较高的可测性确实是合理的。单单文档中列出端对端的测试...
2017-03-24
使用AngularJS实现可伸缩的页面切换的方法
AngularJS 1.2 通过引入基于纯CSS class的切换和动画,在一个单页面应用创建页面到页面的切换变得更加的容易。只需要使用一个ng-view,让我们来看一下,一个引入众多的不同切换的可伸缩方法,以及指定的每个页面如何切入和切出...
2017-03-24
详细解读AngularJS中的表单验证编程
需求 Name 必填 Username 非必填,最小长度3,最大长度8 Email 非必填,但必须是合法的email 验证未通过的表单不能提交 显示一个必填或者非法email格式的错误信息 如果正确提交就弹出一个祝贺信息 现在知道我们的...
2017-03-25
Angular ui.bootstrap.pagination分页
本文实例为大家分享了Angular 分页的具体代码,供大家参考,具体内容如下 1、Html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name=&quot;v...
2017-02-27
简介JavaScript中toTimeString()方法的使用
该方法返回一个Date对象在人类可读的形式时间部分。 语法 下面是参数的详细信息: 返回值: 返回Date对象的人类可读形式的时间部分。 例子: &lt;html&gt; &lt;head&gt; &lt;title&gt;JavaScri...
2017-03-24
回到顶部