我们现在开始准备编写AngularJS应用——phonecat。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器端运行应用。进入angular-phonecat目录，运行如下命令：git checkout -f step-0 该命令将重置phonecat项目的工作目录，建议您在每一学习步骤运行此命令，将命令中的数字改成您学习步骤对应的数字，该命令将清除您在工作目录内做的任何更改。运行以下命令：node scripts/web-s...
当从后台获取到的数据呈现到视图上时，此时可能需要对数据进行相应的转换，此时我们可以通过过滤器在不同页面进行不同数据的格式抓换，在AngularJS中有常见默认的过滤器，当然若不满足所需，我们可以自定义过滤器。AngularJS 过滤器可以用来格式化数据，过滤器能够用在表达式和指令中。使用一个管道字符（|）添加到表达式和指令中。默认过滤器列举AngularJS中常见的过滤器，如下：过滤器名称描述例子 currency money格式化 {{ p.pr...
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script> AngularJS 通过 ng-directives 扩展了 HTML。<!DOCTYPE html><html><body><div ng-app=""><p>在输入框中尝试输入:</p><p>姓名: <input type="text" ng-model="name"></p><p ng-bind="name"></p></div><script src="http://apps.bdimg.com/libs/angular.js/1.3.9...
感觉TypeScript真不错，强类型，有点类似c#的感觉，而且如果写错了编辑器都可以感知出来，于是就开始看ionic2。ionic2是基于angular2的，语法跟以前有了很大的变化。但自己写原生app写惯了，反而觉得这种方式更方便一些。每个页面都是一个组件，组件里也可以套组件，html标签都可以自定义，也就可以无限扩展。虽然ionic2和angular2都还没发布正式版，但手头的这个小东西用一下也未尝不可，就开始动工了。先列一下学习资源：TypeScr...
今天我们先对 priority，template，templateUrl进行学习1.priority 可取值：int 作用：优先级 一般priority默认为0，数值越大，优先级越高。当一个dom元素上有多个指令，在执行compile函数的时候，指令的执行顺序为：高优先级，先链接排序的先执行如果想让一个指令最后一个执行： terminal 这个参数设置为true，即可使该指令在同一个Dom元素上的指令列表里最后一个执行 2.template可取值：string或function作用：指令操作元素的...
在angularjs中的传参的jquery的方式是极度相似的噢，而且还可以通过bind来改变指向 <!DOCTYPE html><html lang="en" ng-app="myapp"><head><meta charset="UTF-8"><title>Title</title><script src="js/angular.min.js"></script></head><body></body><script>function show(a1,a2){console.log(a1);console.log(a2);alert(this);}angular.bind(document,show)(10,20); </script></html> 原文：http://www.cnblogs.com/leigood/p...
首先可能需要安装npm,并且配置环境.1.打开Dos(命令提示符).按Windows徽标键+R组合键,输入cmd然后按回车键进入Dos.2.安装Yeoman.在Dos下输入npm install -g yo.3.安装Grunt.在Dos下输入npm install -g grunt-cli.4.安装Bower.在Dos下输入npm install -g bower.5.安装Generator-angular的0.9.8版本.在Dos下输入npm install -g generator-angular@0.9.86.安装Generator-karma.在Dos下输入npm install -g generator-karma.7.安装Angula...
现象：最近做了一个需求，页面上使用了ng-if 条件做判断，导致通过使用 $scope 获取不到 ng-model 的值。问题原因：ng-if这个指令单独开了一个作用域，它只可以继承，不可以进行往外传值。 解决办法：这个问题就是一个作用域的问题。使用 ng-if ,需要在传值的地方给加上$parent。这样才能使用 $scope 获取到 ng-model 的值。例如写成这样：<input ng-if="xx条件" ng-model="$parent.test" /> 或者 使用 ng-show 代替 ng-if原文：...
AngularJS简介 四个核心思想：依赖注入、模块化、双向绑定、语义化标签。AngularJS 前端 MVC 的设计与搭建MVC（Model View Controller)模型(model)－视图(view)－控制器(controller)。用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构...
AngualrJs2官方方法是以@Input,@Output来实现组件间的相互传值，而且组件之间必须父子关系，下面给大家提供一个简单的方法，实现组件间的传值，不仅仅是父子组件，跨模块的组件也可以实现传值/***1.定义一个服务，作为传递参数的媒介*/ @Injectable() export class PrepService{//定义一个属性，作为组件之间的传递参数，也可以是一个对象或方法 profileInfo: any;} /***2.传递参数的组件，我这边简单演示，直接就在构造器里面实...
关于Angular： AngularJS诞生于2009年， 由Misko Hevery 等人创建， 后为Google所收购。 是一款优秀的前端JS框架， 已经被用于Google的多款产品当中。AngularJS 的核心是： MV*、 模块化、 指令系统、双向数据绑定、依赖注入,扩展了HTML的语法。MVC,short for Model-View-Controller. Model is the data and the database. View is the user interface and what the user sees. Controller is the main ...
第一次做还是先说下API 是什么鬼？API ： application program interface 应用程序编程接口：有那些常见的API：webAPI : 通过WEB方式提供结构叫 WEBAOPI ;API ： 所有有输入有输出的东西都可以称之为API --- 都是函数；例如：Math.random() --- api 例如：豆瓣API 开发平台：https://developers.douban.com/wiki/?title=guide 豆瓣API V2 (测试版)：https://developers.douban.com/wiki/?title=api_v2会看到： 这些都是豆瓣提供的...
一、概念AngularJS中，只关心数据，数据的变化会自动引起视图的变化。并且视图是局部刷新的，不是整个页面刷新的，AngularJS会自动识别哪里用到了这个更新的数据，即脏数据检查。我们可以把控制器中的数据表现在视图上，也可以更新视图来改变控制器中的数据。最简单的更新视图的方法就是表单元素，AngularJS中提出了two-way databinding双向数据绑定的技术，让视图和控制器中的数据实时双向绑定。<!DOCTYPE html> <html lang="en" ...
1. What are Directives Directives are one of the most powerful features of AngularJS. You can imagine them as building blocks ( aka re-usable components ) of any AngularJS application. Mastering all the directives, is totally out of this article’s scope. For that, I would really recommend this book; it covers everything you need to know about directives. Here, we’ll discuss one aspect of dire...
http://www.cnblogs.com/littlemonk/p/5500801.html这篇文章主要介绍了Angularjs中UI Router全攻略，涉及到angularjs ui router的基本用法，需要的朋友参考下吧首先给大家介绍angular-ui-router的基本用法。如何引用依赖angular-ui-routerangular.module(‘app‘,["ui.router"]) .config(function($stateProvider){ $stateProvider.state(stateName, stateCofig); }) $stateProvider.state(stateName, stateConfig)stateName是stri...