-
Angular find controller from element or no element
所属栏目:[安全] 日期:2020-12-17 热度:129
var scope= angular.element($(".classselector")[0]).scope(); var scope = angular.element($('[ng-controller=myController]')).scope();[详细]
-
AngularJS及Vue 项目中实现按需加载模块
所属栏目:[安全] 日期:2020-12-17 热度:73
针对前端优化的点有很多,例如:图片压缩,雪碧图,js/css/html 文件的压缩合并,cdn缓存,减少重定向,按需加载 等等 最近有心想针对 ionic项目 和 vue项目,做一个比较大的优化,做成按需加载(也就是无请求不加载),此刻我内心是无比激动的。 推荐看的按需[详细]
-
下拉列表dropdown取消默认点击隐藏的方法
所属栏目:[安全] 日期:2020-12-17 热度:67
angular-ui专门为Angular项目提供了dropdown控件,指令形式为uib-dropdown。 但是有的时候我们不希望点击下拉框的内容后,下拉框就隐藏。比如,如果下拉框内容是一个折叠列表之类的话,当我们点开列表后下拉框就隐藏了,而此时我们还没有选择我们要选择的元[详细]
-
AngularJS Error: [ng:areq] loginController is not a function
所属栏目:[安全] 日期:2020-12-17 热度:72
场景: AngularJS做 登录页面,单独 引 JQuery 和 AngularJS文件 webapp/ |---lib/ |------ angular / |--------- angular .min.js |------jquery/ jquery .min.js |---------- login.html |----------l ogin.js l ogin.js 内容如下: function loginControl[详细]
-
Angularjs中的ng-repeat
所属栏目:[安全] 日期:2020-12-17 热度:138
ng-repeat 指令用于循环输出指定次数的 HTML 元素。集合必须是数组或对象。 例如: input ng-repeat= "x in records" value= "{{x}}/ script var app = angular.module(" myApp ",[]); app.controller(" myCtrl ",function( $scope ) { $scope .records = ["[详细]
-
AngularJS服务(Factory/Provider/Service)
所属栏目:[安全] 日期:2020-12-17 热度:94
除了constant以外,service,factory,value都是通过$provider构造的,decorator是用来修饰provider的,它本身不是provider,它不能修饰Constant,因为constant并不是通过provider()方法创建的。本文主要介绍这些如果创建和使用这些服务。 Value 可以是string,[详细]
-
[AngularJS面面观] 23. 依赖注入 --- Factory vs Service
所属栏目:[安全] 日期:2020-12-17 热度:198
据说99%的angular的初学者都会有一个疑问: factory 和 service 到底有什么区别?什么情况该用 factory ,而什么情况又该用 service 呢? 比如这个Stackoverflow上的这个问题:Service vs Factory,又或者是这个问题:Service vs Provider vs Factory。 这些[详细]
-
AngularJS Promise
所属栏目:[安全] 日期:2020-12-17 热度:69
场景: 前端JS 异步,嵌套层次太多,维护时 无比痛苦(去年做的一个系统项目,现在回想起来,那时候够耐心的,那么多嵌套,搞的逻辑复杂多端) 诸如以下现象: function(arg1,arg2,function(){ function(arg1,function(){ function(arg1,function(){ ...... }[详细]
-
angular.min.js:107 TypeError: Cannot read property '
所属栏目:[安全] 日期:2020-12-17 热度:129
1、错误描述 angular.min.js:107 TypeError: Cannot read property 'gc' of undefined 2、错误原因 3、解决办法[详细]
-
基于ngMockE2E实现后台数据模拟
所属栏目:[安全] 日期:2020-12-17 热度:128
引言 今天老大给了新任务,在开始给我说的时候让我改造一个指引,上面的流程是比较简单的,所以在开始的时候 没有当回事,因为对这些东西比较熟悉了,但是在说完需求以后告诉我这个项目不创建后台,所有的流程操作都在前 台完成,这一下子就整懵逼了,没有后[详细]
-
Angularjs 实现 switch 开关
所属栏目:[安全] 日期:2020-12-17 热度:123
下面是实现效果: AngularJS 实现代码: ro.directive('toggle',[function(){return {restrict: 'E',replace: true,scope:{ 'ngModel':'=' },template:'label class="ro-switch"input type="checkbox" ng-model="ngModel" ng-checked="ngModel"div class="sli[详细]
-
AngularJS小结
所属栏目:[安全] 日期:2020-12-17 热度:138
前段时间做AngularJS的经验总结,这里和大家分享一下: 使用 A ngularJS 的目的是构建一个单页应用,一直是局部刷新,可以达到类似客户端的效果 指令主要参数: restrict : E( 元素 ),A( 属性 ),C( 类名 ),M( 注释 ) ,默认为 EA template : 指令链接DOM模板[详细]
-
angular组件(ngKeybordSelect)-通过键盘实现多选
所属栏目:[安全] 日期:2020-12-17 热度:126
在刚刚结束的angular交易系统项目中有几个需求是让我感觉要花点时间的 如何更优雅的使用angular-bootstrap 的 Modal框。 通过键盘实现ctrl多选,shfit批量选的功能。 如何在angular去实现瀑布流 后面两个我都选择了自己写指令去完成,键盘多选的指令目前在gi[详细]
-
Angular 与 jQuery 两者的适用性
所属栏目:[安全] 日期:2020-12-17 热度:139
AngularJS 与 jQuery 在Web应用开发上走的是不同的录。 jQuery 完全是通过显式操作浏览器中的 DOM 来创建应用程序。 AngularJS 采用的方法则是将浏览器吸收为应用程序开发的基[详细]
-
angular 学习资源
所属栏目:[安全] 日期:2020-12-17 热度:106
看百度百科的简介 说明angular产生的原因 在使用现有的技术创建web应用遇到问题,具体什么问题没有说。html 语言适合创建静态的应用,创建动态的文本应用,有不足;web应用就是创建一个有大量客户端交互的应用。对于静态的语言是个挑战。 angular是怎么解决的[详细]
-
[AngularJS面面观] 24. 依赖注入 --- Value以及Decorator
所属栏目:[安全] 日期:2020-12-17 热度:130
module中定义的高层API现在已经介绍的差不多了,本文就把后面剩下的几个能介绍的先介绍了(不能介绍的还有蛮多的,比如filter,controller,directive,这些使我们后面讨论的内容,敬请期待 :) )。 和依赖注入关系比较紧密的剩下2个方法分别是value和decorato[详细]
-
AngularJS动态生成div的ID
所属栏目:[安全] 日期:2020-12-17 热度:60
1、问题背景 给定一个数组对象,里面是div的id;循环生成div元素,并给id赋值 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS动态生成div的ID/titlescript src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"/script[详细]
-
Angular实现一个简单的多选复选框的弹出框指令
所属栏目:[安全] 日期:2020-12-17 热度:198
之前的文章有写过包含树结构下拉框的。 要实现一个包含多个复选框的下拉框该如何做呢? 先上个效果图吧: 代码: !DOCTYPE html html ng-app = "app" head meta charset = "UTF-8" title / title link rel = "stylesheet" type = "text/css" href = "../boot[详细]
-
AngularJS之定时器(interval)
所属栏目:[安全] 日期:2020-12-17 热度:100
1、问题背景 设置一个定时器,每1秒改变count变量 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title AngularJS之定时器(interval)/titlescript src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"/scriptscriptvar app = angula[详细]
-
AngularJS之下拉框(方式三)
所属栏目:[安全] 日期:2020-12-17 热度:58
1、问题背景 一般情况下,下拉框分为值和描述,value绑定值,option/option中间是描述 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之下拉框(方式三)/titlescript src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min[详细]
-
AngularJS 实现弹性盒子布局
所属栏目:[安全] 日期:2020-12-17 热度:152
最近在写一个简单的布局框架,其实功能大同小异。但目标要求是用尽量简单的代码,实现一些必用的功能。应用在一些要求加载速度快的场合。 CSS部分 .flex-row,.flex{ display: -webkit-flex;display: flex; flex-direction: row;}.flex-col{ display: -webkit[详细]
-
AngularJS $location学习笔记
所属栏目:[安全] 日期:2020-12-17 热度:109
AngularJS $location学习笔记 一、$lacation能做什么? $ location服务分析浏览器地址栏中的URL(基于window.location),让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL,会响应到 $ location服务中,而在 $ location中修改URL,也会响[详细]
-
angularjs设置focus
所属栏目:[安全] 日期:2020-12-17 热度:108
Usage input type="text" focus -on="focusMe"/ app.controller('MyCtrl',function($scope, focus ) { focus ('focusMe');}); Source app.directive('focusOn',function() { return function(scope,elem,attr) { scope.$on('focusOn',function(e,name) { if([详细]
-
anuglar2之模块(ngModule)开发--rc5版本
所属栏目:[安全] 日期:2020-12-17 热度:143
ng2升级到rc5版本之后,它引入了模块ngModule来管理,比如之前在rc5之前的版本,各个逻辑功能模块的组件都是透明的,随便边使用,只要在使用前导入就可以了,这就导致了非常多的import,管理很混乱,好多地方重复import,而且多人开发的化,如果需要自定义全[详细]
-
NativeScript 2.2将Webpack引入Angular项目
所属栏目:[安全] 日期:2020-12-17 热度:79