AngularJS
Inuyasha1121
这个作者很懒,什么都没留下…
展开
-
最小化渲染组件
这篇文章我们主要聚焦在组件的渲染方法上,在上篇文章中,我们采用了innerHTML渲染组件,但是频繁更新组件的话,由于reflow,repaint等原因,页面的性能会下降,同时输入框的焦点也会丢失。最理想的方式就是哪些数据变化,我们更新哪块view,并且从外表上看还是整个区域全部更新。目前解决这个问题的方式有Virtual Dom和MVVM.Virtual DomMVVMVirtual转载 2016-08-11 15:18:42 · 377 阅读 · 0 评论 -
AngularJS 路由:ng-route 与 ui-router
AngularJS的ng-route模块为控制器和视图提供了[Deep-Linking]URL。 通俗来讲,ng-route模块中的$routeService监测$location.url()的变化,并将它映射到预先定义的控制器。也就是在客户端进行URL的路由。 下面首先给出$route的使用示例,然后引入一个更加强大的客户端路由框架ui-router。Angular 路由在APP中定义多个页面的...转载 2018-03-26 15:45:08 · 482 阅读 · 0 评论 -
angularjs的$watch、$watchGroup、$watchCollection的区别
如果想在controller里面随时监听一个值的变化那就用$watch<p> <label><strong>$watch:</strong></label> <input type="text" ng-model="name" /></p>$scope.$watc转载 2018-03-26 11:32:00 · 579 阅读 · 0 评论 -
Angularjs $scope 里面的$apply方法
$apply 方法作用:Scope 提供$apply 方法传播 Model 的变化$apply 方法使用情景:AngularJS 外部的控制器(DOM 事件、外部的回调函数如 jQuery UI 空间等)调用了 AngularJS 函数之后,必须调用$apply。在这种情况下,你需要命令 AngularJS 刷新自已(模型、视图等),$apply 就是用来做这件事情的。$apply 方法注意事项:...转载 2018-04-07 16:27:59 · 1735 阅读 · 0 评论 -
理解angularjs中的$emit,$broadcast和$on
在angularjs中提供了emit,broadcast和$on服务用于控制器之间基础事件的传递交流。 1、$emit 该服务贯穿作用域发出一个向上的事件,并通知哪些注册在rootScope.Scope上的监听器。该事件的生命周期开始于emit被启动的地方,事件一直朝着根作用域传递,传递期间并通知哪些注册在作用域上的监听器,如果这期间一个监听器接受到了这个事件,会注销这个事件,那么事件将会停止向上...转载 2018-03-14 11:19:09 · 928 阅读 · 0 评论 -
浅谈AngularJS的$parse服务
首先看看官方关于$parse的api$parse作用:将一个AngularJS表达式转换成一个函数Usage$parse(expression)argumentsexpression:需要被编译的AngularJS语句returnsfunc(context, locals)context[object]:针对你要解析的语句,这个对象中含有你要解析的语句中的表达式(通常是一个scope object...转载 2018-03-22 15:57:57 · 711 阅读 · 0 评论 -
关于angularJS的$watch的 一些小用法
$watch方法,它可以帮助我们在每个scope中监视其中的变量。$watch 单一的变量对于普通的变量时,如数字,字符串等,直接如下写是可以监视到变量的变化,并执行相应的函数的。$scope.count=1;$scope.$watch('count',function(){ ...});$watch 多个变量对于多个变量的监视变化,执行同一函数的话,可以将这几个变量转为字符串,以‘+...转载 2018-03-15 16:15:09 · 726 阅读 · 0 评论 -
Angularjs 双重循环获取父级下标$index
Html代码 table class="table table-bordered"> tr ng-repeat="info in ttzInfo" ng-cloak> td class="col-xs-2 adjust-col-2 text-right title-desc" ng-bind="info.title">td>转载 2017-06-13 18:59:25 · 5330 阅读 · 0 评论 -
angular拖动插件——ng-drag、ng-drop
转自:http://blog.csdn.net/zcl_love_wx/article/details/516916311.相关地址:插件下载:https://github.com/fatlinesofcode/ngDraggable/blob/master/ngDraggable.jsdata-drag形式没用过,但找到了两个相关链接 http://codef0rme转载 2017-06-25 13:50:07 · 12484 阅读 · 1 评论 -
angularJS搭建环境
无论是Mac、Linux或Windows环境中,您均可遵循本教程学习编程。第一步:安装Git你可以从http://git-scm.com/download下载和安装Git。一旦你安装完git,你应该就有git命令行工具了。你可能用到的主要的命令是:git clone ... :克隆一个远程仓库到你的本地电脑git checkout ... :检出转载 2017-07-03 20:21:55 · 891 阅读 · 0 评论 -
angular下自动补全控件ui.bootstrap.typeahead
.typeahead-demo .custom-popup-wrapper { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; background-color: #f9f9f9; } .typeahead-demo .custom-popup-wra原创 2017-03-31 20:37:43 · 3472 阅读 · 0 评论 -
angular ui-bootstrap的Datepicker Popup组件问题总结
转自:http://www.cnblogs.com/echo2016/p/5416572.html使用angular框架的时候,之前用的时间控件是引入My97DatePicker组件实现的,但是因为1.My97DatePicker样式不太好看以及偶尔会出现底部被遮盖的情况、点击不可编辑input框使用backspace按钮会出现格式不符合问题2.angular-转载 2017-02-23 18:52:52 · 8504 阅读 · 0 评论 -
angular中ng-include失效的原因
使得angular的ng-include指令失效的原因有两个: 例如:在demo.html中的代码 1.首先两个文件的域名必须相同,换言之就是要将文件放在服务器上。本次用的是appache。 2.另外,就是是否细心了,可以看到,在ng-include指令中的文件名外部有个单引号,单引号外面是双引号. 以上便是本次遇到的小问题。转自:http:/转载 2017-02-21 15:18:36 · 3329 阅读 · 0 评论 -
angular-ui-tree
转自:http://www.cnblogs.com/crazyJavaBoy/p/5057347.htmlangular-ui-tree的github项目地址:https://github.com/angular-ui-tree/angular-ui-tree DEMO目录结构如下:bootstrap.css为3.0以上 app.css内容.转载 2017-02-20 16:26:16 · 3128 阅读 · 0 评论 -
angularjs之ui-bootstrap的使用
转自:http://blog.csdn.net/zsz459520690/article/details/501580451.新建uiBootstrap.html页面,引入依赖的js和css类库2.新建uiBootstrap.js文件,定义一个uiModule模块,引入依赖的模块/** * Created by zhong on 2015/9/7转载 2017-02-19 09:02:04 · 2198 阅读 · 0 评论 -
ui-grid 使用讲解
转自:https://my.oschina.net/gmd/blog/670895在ui-grid 导出pdf 时可能会出现中文字符无法显示问题,解决方法看这篇博客:http://my.oschina.net/gmd/blog/714911 html代码:html ng-app="myApp"> head> meta charset="utf-8转载 2017-02-18 19:41:21 · 8982 阅读 · 2 评论 -
angularjs ng-grid 如何能自由调整某列宽度
var app = angular.module('app', [ 'ui.grid.resizeColumns']);$scope.gridOptions.enableColumnResizing = true;不邀自来,一共三步不要忘记。转自:https://www.zhihu.com/question/35907263/answer/118839898转载 2017-02-17 13:42:02 · 4648 阅读 · 0 评论 -
angularJS报错$apply already in progress
如果我们使用了angularJS中的$scope.$apply()或者$scope.$digest(),我们很可能会遇到类似下面的错误:Error: [$rootScope:inprog] $apply already in progress http://errors.angularjs.org/1.3.13/$rootScope/inprog?p0=%24apply at an...转载 2018-04-05 15:25:19 · 1845 阅读 · 0 评论