liwusen的博客

了解在angularJS中简单筛选，通过ng-repeat和ng-if来实现！~

在上一节中，我们知道了指令如何生成独立的scope，这一节中我们来仔细研究一下scope中的绑定策略。总体来说scope的绑定策略分为3种：（1）@ : 绑定字符串（2）=： 与父控制器进行双向绑定（3）&：用于调用父scope中的函数1.基础方式<test word="{{wordCtrl}}"></test>app.controller('myController1',['$scope',fu

本节我们来看控制器与指令之间的交互1.首先来看最简单的，在指令中调用父控制器的方法：<div ng-controller="myController1"></div>app.controller('myController1',['$scope',function($scope){ $scope.load=function(){ console.log('正在加载数

1.类似JAVA中的事件广播，原声的JS并没有提供事件广播功能，因此在angularJS中通过$broadcast,$emit以及$on，实现了事件的广播与事件的传递。

1.一般情况下，我们访问网页的时候，是通过url地址。 比如我们访问一个网页:https://www.baidu.com/index/fix.html在angularJS中通过“#”来进行不同页面的路由，比如： https://www.baidu.com/#/first，这个请求在向网页端传输的时候，服务器会自动忽略#之后的内容，因此可以根据#+标记帮助我们区分不同的逻辑页面并将不同的页面绑定到

1.相比较于JS中setTimeInterval和setTimeout，angularJS中通过interval来实现定时器的效果，通过 interval来实现定时器的效果，通过timeout来实现时间延迟。$timeout //实现的是延迟执行$interval //实现的是定时器的效果我们分别来看这两个服务（1）timeout timeout相当于JS原生里面的延迟执行，不同的是该服务的函数

1.分页加载数据的基础上，如何通过滚动加载，实现分页加载数据的效果，github上，针对angularJS，有一款不错的插件，地址为：https://github.com/sroze/ngInfiniteScroll2.下面来看官方给出的文档（1）使用样例：<ANY infinite-scroll='{expression}' [infinite-scroll-distance='{num

1 . 我们知道在jquery中，动态生成一个元素，如果要在动态生成元素的同时，动态绑定事件，可以通过live/on方法（在jquery3.0中已经废除了bind方法）。 2 . 在angularjs中，操作DOM一般在指令中完成，事件监听机制是在对于已经静态生成的dom绑定事件，而如果在指令中动态生成了DOM节点，动态生成的节点不会被JS事件监听。

1.前面我们通过了简单的ng-route实现了简单层次的路由，对于深层次的路由，我们可以通过ui-route来实现。（1）ng-route的局限性：一个页面无法嵌套多个视图，也就是说一个页面只能有包含一个页面一个控制器的切换。

1.我们知道AngualrJS的重要的特性（1）MVC/MVVM（2）双向数据绑定（3）模块化和依赖注入（4）指令。下面来介绍下什么是AngularJS中的指令：首先，什么是指令，举例来说明：JS部分： angular.module('myapp',[]) .directive('hello',function(){

上一节，我们了解了指令与控制器之间的交互，接下来看看指令与指令之间是如何进行交互的。1.首先来了解一下什么是独立scope为了更好的理解独立scope，我们来看一段代码："myController1"> var app=angular.module('firstApp',[]);//app模块名 app.controller('myC