Angular.js中使用$watch监听模型变化

$watch简单使用$watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。 $watch(watchExpression,listener,objectEquality);每个参数的说明如下:watchExpression:监听的对象,它可以是一个angular表达式如'name',或函数如function(){return$scope.name}。listener:当watchExpression变化时会被调用的函数或者表达式,它接收3个参数:newValue(新值),oldValue(旧值),scope(作用域的引用)objectEquality:是否深度监听,如果设置为true,它告诉Angular检查所监控的对象中每一个属性的变化. 如果你希望监控数组的个别元素或者对象的属性而不是一个普通的值, 那么你应该使用它 例如:监听一个json中的所有属性的变化 $scope.cartList=[         ...

使用requirejs来管理angularJS依赖示例

有关requirejs是什么在这里不做解释,只用纯代码实战让你感受requirejs依赖管理的强大。一、首先要先下载require.js,然后整一个入口文件main.js包括了对其他js的引用。[javascript]viewplaincopyprint?//配置依赖  require.config({      paths: {        "angular":"angular"      },      shim:{          "angular": {           ...

简述angular自定义过滤器在页面和控制器中的使用

首先设置自定义过滤器。  定义模块名:angular      ?123456.module('myApp')       .filter('filterName',function(){         returnfunction(要过滤的对象,参数1,参数2,...){           returnObj;//这里返回的是过滤后的对象         }       });页面中的使用。?1{{obj|filterName}}====>obj是要过滤的对象控制器中使用。  首先要注入$filter,使用的时候?1$filter("filterName")(要过滤的对象,参数1,参数2,...);...

angularjs中的run()方法使用

run方法用于初始化全局的数据,仅对全局作用域起作用。举个栗子吧:<scripttype="text/javascript">varm1=angular.module('myApp',[]);m1.run(['$rootScope',function($rootScope){$rootScope.name='hello';}]);console.log(m1);</script>...

ng-model,ng-value,ng-bind,{{}}----angularJS数据绑定

最典型用法双向绑定<inputtype="text"value="{{apple}}"ng-model="apple"> ng-value用于设置input或select元素的value属性<input ng-value="expression"></input> ng-model <input>,<select>,<textarea>,元素支持该指令。<element ng-model="name"></element>  ng-bind 指令告诉AngularJS使用给定的变量或表达式的值来替换HTML元素的内容。如果给定的变量或表达式修改了,指定替换的HTML元素也会修改。所有的HTML元素都支持该指令。<element ng-bind="expression"></element>或作为CSS类:<element class="ng-bind: ...

angularJS中的事件

什么是事件如同浏览器响应浏览器层的事件,比如鼠标点击、获得焦点,angular应用也可以响应angular事件angular事件系统并不与浏览器的事件系统相通,我们只能在作用域上监听angular事件而不是DOM事件事件传播因为作用域是有层次的,所以我们可以在作用域链上传递事件:使用$emit冒泡事件,事件从当前子作用域冒泡到赋作用域,在产生事件的作用域之上的所有作用域都会收到这个事件的通知$emit()方法带有两个参数:name要发出的事件的名称args一个参数集合,作为对象传递到事件监听器上使用$broadcast向下传递事件,每个注册了监听器的子作用域都会收到这个信息$broadcast()方法带有两个参数:name要广播的事件的名称args一个参数集合,作为对象传递到事件监听器上使用$on监听事件$on()方法带有两个参数:event事件对象param参数集合,$broadcast()、$emit()传递过来的参数集合示例:demo.html<!doctypehtml><htmlng-app="freefedApp"><head><ti...
代码星球 代码星球·2020-04-04

angularJS中XHR与promise

$http服务angularJS提供了内置的$http服务直接同外部进行通信,$http服务封装了浏览器原生的XMLHttpRequest对象$http服务只接收一个参数对象,包含了用来生成http请求的配置内容,$http函数返回一个promise对象,具有success和error两个方法,也可以通过then()处理回调//示例:$http({url:'/api/user.php',method:'post',data:{id:486}}).success(function(data,status){//当请求响应成功后调用}).error(function(data,status){//当请求响应错误后调用});$http({url:'/api/user.php',method:'post',data:{id:486}}).then(function(data){//当请求响应成功后调用},function(error){//当请求响应错误后调用}); $http参数详解method(字符串)指令发送http请求的方式,值有get、post、jsonp、head、del...
代码星球 代码星球·2020-04-04

angularJS中如何写自定义指令

对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能例如,ng-click可以让一个元素能够监听click事件,并在接收到事件的时候执行angularJS表达式正是指令使得angularJS这个框架变得强大,并且正如所见,我们可以自己创造新的指令指令声明方法angular.module('freefedApp',[]).directive(name,function(){return{restrict:String,priority:Number,terminal:Boolean,template:StringorTemplateFunction:function(tElement,tAttrs)(...},templateUrl:String,replace:BooleanorString,scope:BooleanorObject,transclude:Boolean,controller:Stringorfunction(scope,element,attrs,transclude,otherInjectables){...},controlle...

angularJS如何写服务

服务的用途服务提供了一种能在应用的整个生命周期内保持数据的方法,它能够在控制器之间进行通信,并且能保证数据的一致性服务提供了把特定功能相关联的方法集中在一起的接口如何创建服务angularJS提供了一些内置服务,同时为复杂应用创建我们自己的服务也是很有必要的anguarjs中创建自己的服务是非常容易的,只需要注册这个服务即可。服务被注册后,angularJS编译器就可以引用他,并且在运行时把它当作依赖加载进来示例:angular.module('freefedService',[]).factory('ajaxService',['$http','$q',function($http,$q){vardeferred=$q.defer();return{ajaxFunc:function(params){varparams=params||{};$http({method:params.method||'post',url:params.url||'',data:params.data||{},responseType:params.type||'json'}).success(func...
代码星球 代码星球·2020-04-04

Elasticsearch-基础介绍及索引原理分析

Elasticsearch是一个分布式可扩展的实时搜索和分析引擎,一个建立在全文搜索引擎ApacheLucene(TM)基础上的搜索引擎.当然Elasticsearch并不仅仅是Lucene那么简单,它不仅包括了全文搜索功能,还可以进行以下工作:分布式实时文件存储,并将每一个字段都编入索引,使其可以被搜索。实时分析的分布式搜索引擎。可以扩展到上百台服务器,处理PB级别的结构化或非结构化数据。基本概念先说Elasticsearch的文件存储,Elasticsearch是面向文档型数据库,一条数据在这里就是一个文档,用JSON作为文档序列化的格式,比如下面这条用户数据:{"name":"John","sex":"Male","age":25,"birthDate":"1990/05/01","about":"Ilovetogorockclimbing","interests":["sports","music"]}用Mysql这样的数据库存储就会容易想到建立一张User表,有balabala的字段等,在Elasticsearch里这就是一个文档,当然这个文档会属于一个User的类型,各种各...

A joke about regular expression

  Astheoldcomputersciencejokegoes:“Let’ssayyouhaveaproblem,andyoudecidetosolveitwithregularexpressions.Well,nowyouhavetwoproblems.”...

vlc media player

还是很好用的目前来看倍速播放:[   减速播放]   加速播放=   恢复原速度...
代码星球 代码星球·2020-04-04

elasticsearch 基本操作

转自: https://blog.csdn.net/lu_wei_wei/article/details/51205943   Elasticsearch在linux下使用命令shelasticsearchstart,按键ctrl+c的时候程序就会stop掉,如何将程序在后台启动呢?需要使用:./elasticsearch-d这时执行的时候会出现没有权限./elasticsearch:Permissiondenied需要授权执行命令:chmod+xbin/elasticsearch再次执行./elasticsearch-d即可启动使用psaux|grepelasticsearch可以查看是否启动---------------------...
代码星球 代码星球·2020-04-04

scrapy将爬取到的数据存入elasticsearch

pip安装elasticsearch-dsl的包,是elasticsearch提供给python的接口if__name__=="__main__":这个用来调试,还是很强大的,可以直接为某个py文件进行单元测试??应该是这么个意思自己生成一个models的文件夹用来存放类定义,和Django差不多,这样结构比较好然后为每一个爬虫都定义它的类,通过定义类,和scrapy中的item是对应的,然后调用init方法,就可以实现创建索引了同样是在这里面设置需要连接的elastic的服务器,而且这里可以设置多个服务器,更详细的设置应该也是可以的,但是还没有讲到这样如果需要修改某个字段的类型或者重新设置类,直接修改完重新init一下就可以了 又出现了错误,而且调试了半天:结果是这个包的版本的问题,应该按照github的说明安装特定的版本就行了真的我尼玛,因为我们的elasticsearch是5.1.1的,所以这个也必须安装5.x.x的版本将数据写入到elastic中和django的model基本一毛一样定义一个pipeline,然后在process_item函数中实例化定义的elasti...

elasticsearch 查询 query

对于类型是text的字段,并且分析器指明是ik_max_word的会建立倒排索引 查询的分类:match查询: 会自动转换大小写,会分词,term查询:不会转换和分词,只能值匹配terms查询:可以给字段值传入数组,这里有没有分词呢??????????应该和term一样的只会值匹配吧,要不为啥叫terms,待验证 控制查询的数量, from,和size属性指明,可以用来分页match_all:搜索索引下的所有typematch_phrase:满足分词后的所有词,slop参数,分词后的最小距离multi_match:指明多个字段进行查询,比如两个字段中都进行查询是否有一个值,并且这里面可以给不同的字段赋予不同的权重通过^number查询后返回的字段:stored_fields,它的值是个数组,这里值只会是store为true的字段,这样返回的是在_fields里面,而不是其他的都是在_source里面查询结果排序: sort字段和query同级:值是个数组,数组的元素是个字典,指明排序字段的升序降序,查询范围:range字段,在query...
代码星球 代码星球·2020-04-04
首页上一页...394395396397398...下一页尾页