使用 ES2015 开发 Angular1. 应用指南

关键词 架构, 文件结构, 组件, 单向数据流以及最佳实践来自 @toddmotto 团队的编码指南Angular 的编码风格以及架构已经使用ES2015进行重写,这些在Angular 1.5+的变化可以更好帮助您的更好的升级到Angular2.。这份指南包括了新的单向数据流，事件委托，组件架构和组件路由。老版本的指南你可以在这里找到, 在这里你能看到最新的.模块架构An

业界 2016年06月22日

Angular面试从喜剧到悲剧的十个问题

虽然只有10个问题，但是覆盖了angular开发中的各个方面，有基本的知识点，也有在开发过程中遇见的问题，同时也有较为开放性的问题去辨别面试者的基础水准和项目经验如果自己一年前面试肯定是喜剧到悲剧的转变:joy:。（PS:答案仅供参考～）。1. ng-show/ng-hide 与 ng-if的区别？我们都知道ng-show/ng-hide实际上是通过display来进行隐藏

业界 2016年06月28日

Angular.js学习之路一：使用angular.js实现todomvc

需要的知识html、js、初步了解angularjs熟悉npm、git的操作起步在github上给我们提供了一个todomvc的模板，我们可以clone下来，使用安装npm,安装git（具体安装不在描述，请自行百度）在本地新建文件夹todomvc，打开终端进入当前目录，执行下面的命令 git clone https://github.com/tastejs/todomvc

业界 2016年06月28日

AngularJS 常见面试问题

问题来源：如何衡量一个人的 AngularJS 水平？ng-if 跟 ng-show/hide 的区别有哪些？第一点区别是，ng-if 在后面表达式为 true 的时候才创建这个 dom 节点，ng-show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。第二点区别是，ng-if 会（隐式地）产生新作用域，ng-swit

业界 2016年07月01日

angular2学习笔记之基本组件和ngFor

angular2的思想非常先进，摒弃了angular1那种复杂的构建模式，采用了组件化开方的方，那我们一起来看一看，一个基础的组件是什么样子的呢。angular2-demo一、简介1. 目录结构.ts 组件代码.scss 样式.png 效果图.html 模板文件2. 效果图二、代码实例https://github.com/qq83387856/angular

业界 2016年07月01日

angular2学习笔记之事件和多组件

组件免不了和用户交互，而交互中使用最频繁的莫过于点击事件的交互。angular2-demo一、 点击事件代码解读1. ClickEvent.tsimport {Component} from '@angular/core';import {BasicComponent} from './../basic/Basic';@Component({ selector:'cl

业界 2016年07月01日

angular2学习笔记之服务和http

现在应用开发多为spa的前后分离,前后端通讯则使用http的接口通过json进行交互。angular2-demo一、 效果图1. 展现出来的效果2. mysql的数据二、代码实例1. 服务 serviceimport {Injectable} from '@angular/core';import { Http }from '@angular/http';import *

业界 2016年07月01日

Angularjs 开发指南 自定义指令（custom directives）

使用Angularjs开发，很重要的一步是需要开发自定义的指令（custom directives）。[br]接下来分几个步骤记录如何开发一个自定义的指令。目录：指令是什么？写一个基本的指令指令的属性说明指令是什么Angularjs中的指令，我个人的简单的理解：指令=控件[br]指令实际是对Html元素的扩展，传统的服务端控件，例如asp.net中的服务器端控件（处理在服务

业界 2016年05月06日

$q 实例分析angular中的promise

相信有一些开发经验的朋友就应该知道，对于JavaScript而言，promise十分重要，在开发中总能用到。因此掌握好它是一件必须做的事情。我之前写过一篇文章，工作总结：jQuery高级应用之Deferred对象，介绍jquery中的promise，因此关于promise的基础介绍就不再详细讲解，这篇文章会重点关注angular中promise的实现。我们首先有一个简单的h

业界 2016年06月30日

Angular directive 实例详解

准备代码，会在实例中用到var app = angular.module('app', []);angular指令定义大致如下app.directive('directiveName', function() {return {// config}})其中return返回的配置对象包含很多参数，如下一一说明。1. restrict值为字符串，可选参数，指明指令在DOM中以什

业界 2016年07月02日