angular.cn

angular.io

5 Min Quickstart - dart

https://angular.io/docs/dart/latest/quickstart.html

2 The Hero Editor. 8 Angular Cheat Sheet. Set the Document Title. Angular 2 for Dart. Angular 2 for TypeScript. Angular 2 for JavaScript. Angular 2 for Dart. Our QuickStart goal is to build and run a super-simple Angular 2 application in Dart, and establish a development environment for the remaining documentation samples that also can be the foundation for real world applications. Which loads the sample app in plunker. And displays the simple message:. Install the Dart SDK. Create an Angular Module.

blog.ngnice.com

利用browserify or requirejs 来构建angularjs - AngularJS Nice Things

http://www.blog.ngnice.com/posts/34d25c5f97f2c4

Angular 1.x 文档. 利用browserify or requirejs 来构建angularjs. 来构建项目时候,文件数量就会显著的上升,从而上线部署的时候就要考虑压缩合并问题,随着前端工程化的发展,现在已经有很多种第三方工具来实现开发与部署的便捷性,. 模块开发规范来约束前端模块开发,最后上线时提供命令行生成合并文件,详情请 点击这里. Lib 这个下面存放第三方js库,例如jquery,angularjs. Module.exports = function ($scope, usersService) { $scope.title = Home; $scope.users = usersService.getData(); };. Module.exports = function () { var service = { getData: function(){ return [{name: feenan, info: fe}, {name: tina, info: financy}]; } } return service; }. Indexjs / 包括所有的 控制器的入口.

blog.ngnice.com

说说NG里的单元测试 - AngularJS Nice Things

http://www.blog.ngnice.com/posts/dc4b032b537ae0

Angular 1.x 文档. 项目越来越大的时候,单元测试就要提上日程了,有的时候团队是以测试先行,有的是先实现功能,后面再测试功能模块,这个各有利弊,今天主要说说利用. Npm install karma - save-dev. Npm install karma-junit-reporter - save-dev. PeerDependencies: { karma-jasmine: 0.1.0, karma-requirejs: 0.2.0, karma-coffee-preprocessor: 0.1.0, karma-html2js-preprocessor: 0.1.0, karma-chrome-launcher: 0.1.0, karma-firefox-launcher: 0.1.0, karma-phantomjs-launcher: 0.1.0, karma-script-launcher: 0.1.0 }. 导出插件需要单独安装,想要了解更多的关于配置文件的信息可以, 点击这里. 就讲到这里,想了解更多关于它的信息可以, 点击这里. Angular.mock.i...Var m...

blog.ngnice.com

首页 - AngularJS Nice Things

http://www.blog.ngnice.com/False

Angular 1.x 文档. 让 Angular 1.x 跟上时代的步伐. Worktile 的 前端构建之路，Angular 1.x 使用模块化，ES2015 ES6 ，Webpack. Angular 2.0 正式发布了. 终于等到 Angular 2.0 正式发布了，9月14号，Angular 1.x 的同学可以开始正式使用了. 对所有正在学习和使用 Angular 技术的开发者们和企业，以及热心于使用开源和开放型技术建设一个开放型互联网环境的所有开发者们来说，今天发布的全球中文版 Angular 网站，无疑是一个具有历史意义的技术资源分享事件. 原文链接 : [Seamless Ways to Upgrade Angular 1.x to Angular 2](https:/ scotch.io/tutorials/seamless-wa. Worktile 是企业协同办公软件，所以一开始注定就应该是单页应用 SPA ，因为使用SPA后，用户在浏览器端可以像操作原生客户端程序一样的体验 速度和流畅度 ，对于开发者来说，前后端分离，服务端只提供RESTful API服务，移动端集成也非常的方便。

blog.ngnice.com

怎么样快速入门AngularJS？ - AngularJS Nice Things

http://www.blog.ngnice.com/posts/205af1ea1e13d2

Angular 1.x 文档. 首先还是从第一个经典的Hello world 案例说起，如下HTML 如果你在墙外，可以直接访问 https:/ angularjs.org. Doctype html html ng-app head script src=http:/ ngnice.com/lib/angular/1.2.16/angular.js /script /script /head body div label Name: /label input type=text ng-model=yourName placeholder=Enter a name here hr h1 Hello { yourName}! H1 /div /body /html. 实现的效果是 当用户在input输入框输入内容时，下面的h1标题内部实时显示 Hello 输入的内容! 这样就表明input的value与内存中的变量yourName是双向绑定的，在输入框输入 world ，内存中的yourName变量就变成了 world ，反之亦然. Doctype html html ng-app=app head me...

blog.ngnice.com

angularjs之browserTrigger - AngularJS Nice Things

http://www.blog.ngnice.com/posts/3f89650844d2ce

Angular 1.x 文档. It(should set the model to empty string when empty option is selected, function() { scope.robot = x; compile( select ng-model=robot option value= - select- /option option value=x robot x /option option value=y robot y /option /select ); expect(element).toEqualSelect(, [x], y); browserTrigger(element.find(option).eq(0) ; expect(element).toEqualSelect([], x, y); expect(scope.robot).toBe(); });. Angular controller as syntax vs scope. NgCloak 实现 angular 初始化闪烁最佳实践.

blog.ngnice.com

AngularJS 开发指南中文翻译文档的更新 - AngularJS Nice Things

http://www.blog.ngnice.com/posts/1da6291599eaa2

Angular 1.x 文档. AngularJS 开发指南中文翻译是NgNice互助组去年开始的一个项目，当时官方最新的稳定版本是v1.2.3. Github地址为 https:/ github.com/jingyanjiaoliu/angular-guide-zh. 翻译后的文档展示为 http:/ www.ngnice.com/docs/guide. Ngnice不仅展示了V1.2.3版本的开发指南翻译，同时API Reference、入门指南都有。 直到今天为止，官方的稳定版本已经是V1.2.18了，而且Guide原文档也作了一些变化，从原先的31个ngdoc变成了25个ngdoc文件，不仅开发指南的文档变化了， API文档. 由于Google经常访问不了，为了满足广大Angular爱好者的查看文档的需求，今天把原有1.2.3版本的文档更新为 1.2.18了。 如果你还是喜欢v1.2.3的文档，可以访问 http:/ www.ngnice.com/docs-v1.2.3. Dash: http:/ kapeli.com/dash. 在线文档工具 http:/ devdocs.io/.

blog.ngnice.com

x-template:一个简单高效的字符串模板引擎 - AngularJS Nice Things

http://www.blog.ngnice.com/posts/3da5613f0a5c0a

Angular 1.x 文档. Template.template(hello { name} , { name: feenan}); / = hello feenan. Template.template( 1 2)*age = { (1 2)*age} , {age: 18}); / = (1 2)*age = 54. Template.template(1 2, {}); / = false $template.template(age 18, {age: 20}); / = true. Template.template({ 2 1? Name : } , {name: feenan}); / = feenan. If(user.age 1) {% % for(user in users) {% h1 hello { user.name} /h1 % } % % for(user in users) {% h2 hello { user.name} /h2 % } % % }%. Web 工程师 http:/ www.ifeenan.com/.

blog.ngnice.com

热门文章 - AngularJS Nice Things

http://www.blog.ngnice.com/hots

Angular 1.x 文档. AngularJS 开发指南中文翻译是NgNice互助组去年开始的一个项目，当时官方最新的稳定版本是v1.2.3 github地址为 https:/ github.com/jingyanjiaoliu/a. 最近官方的angularjs api经常被墙，而本站的访问速度也不够理想，于是很多同学产生了把api文档 下载 到本地的需求，但是这能做到吗 可以非常肯定地说 能。 下面就是步骤 准备工作 1. . W5cValidator 2.0 验证信息框架的封装. Worktile 是企业协同办公软件，所以一开始注定就应该是单页应用 SPA ，因为使用SPA后，用户在浏览器端可以像操作原生客户端程序一样的体验 速度和流畅度 ，对于开发者来说，前后端分离，服务端只提供RESTful API服务，移动端集成也非常的方便。 当`ng`项目越来越大的时候,单元测试就要提上日程了,有的时候团队是以测试先行,有的是先实现功能,后面再测试功能模块,这个各有利弊,今天主要说说利用`karma`和`jasmine`来进行`ng`模块.

blog.ngnice.com

w5cValidator 2.0 验证信息框架的封装 - AngularJS Nice Things

http://www.blog.ngnice.com/posts/236860ed32d3e8

Angular 1.x 文档. W5cValidator 2.0 验证信息框架的封装. 代码地址 https:/ github.com/why520crazy/w5c-validator-angular. 关于v1x版本的介绍参见 http:/ www.ngnice.com/posts/69f774dc4d3190. V1x版本虽然简单的实现了基本的验证功能，但是没有按照模块独立出来，而且有很多代码不是很规范，这次正好重构了代码，直接升级到了 v2.0.0版本，同时也完善了展示案例功能。 展示地址 http:/ why520crazy.github.io/w5c-validator-angular. HTML 中引用 dest/w5cValidator.js. Var app = angular.module(app, [w5c.validator]);. 在HTML模板中form上使用指令 w5c-form-validate 和 w5c-submit. Npm install grunt-cli -g. Sudo npm install grunt-cli -g.