
AngularJS
文章平均质量分 89
ywltoread
喂喂喂
展开
-
ng-class用法
ng-class用法:js处理字符串:substr()slice()substring()match()replace()用法:http://www.w3school.com.cn/jsref/jsref_substr.aspsubstr()和substring()可以用来截取字符串原创 2015-09-15 12:12:43 · 1017 阅读 · 0 评论 -
AngularJS 中的 factory、 service 和 provider区别,简单易懂
初学 AngularJS 时, 肯定会对其提供 factory 、 service 和 provider 感到疑惑, 这三种都是提供服务的方式, 他们到底有什么区别呢?factoryfactory 可以认为是设计模式中的工厂方法, 就是你提供一个方法, 该方法返回一个对象的实例, 对于 AngularJS 的 factory 来说, 就是先定义一个对象, 给这个对象添加属性转载 2016-05-03 17:23:53 · 6640 阅读 · 2 评论 -
AngularJS中异步操作与$q.defer()
var deferred = $q.defer();\\生成deferred异步对象deferred.resolve(rtns);\\执行到这里时,改变deferred状态为执行成功,返回rtns为从后台取到的数据deferred.reject(data);\\执行到这里时,改变deferred状态为执行失败,返回data为报错return deferred.promise;\\起到保护作用,不允许函数外部改变函数内的deferred状态把项目上的代码删去函数内容放上来,用于展示$q 的用法:$原创 2015-10-21 17:32:50 · 21218 阅读 · 1 评论 -
使用Angularjs、jQuery在手机上实现滑动条到底自动加载更多功能
关键词:directive infiniteScroll infiniteScrollDistance infiniteScrollDisabled $window.on $window.off在网上查了很多相关技术,在电脑浏览器上能正常的实现自动加载更多功能,但是放到手机APP壳子上就不行了。下面把代码和自己的分析写下来,原创 2016-04-28 14:16:48 · 6929 阅读 · 2 评论 -
AngularJS ui-router (嵌套路由)
转载于https://www.oschina.net/translate/angularjs-ui-router-nested-routes介绍AngularJS 嵌套路由:这是我针对同一个主题(ui-router)的第二篇文章. 如果你对第一篇文章感兴趣的话,可以访问 这里. 好了,让我们继续吧,来看看嵌套的ui-router状态是怎么回事. ui-router和同属An转载 2017-06-19 16:13:08 · 378 阅读 · 0 评论 -
angular中的路由 ng-router vs ui.router
路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分。那么,对于angular而言,它自然也有内置的路由模块:叫做ngRoute。不过,大家很少用它,因为它的功能太有限,往往不能满足开发需求!!于是,一个基于ngRoute开发的第三方路由模块,叫做ui.router,受到了大家的“追捧”。转载 2017-06-12 20:10:27 · 396 阅读 · 0 评论 -
Angualr指令中的scope
directive 默认能共享父 scope 中定义的属性,例如在模版中直接使用父 scope 中的对象和属性。通常使用这种直接共享的方式可以实现一些简单的 directive 功能。但是,当你要创建一个可以重复使用的directive的时候,就不能依赖于父scope了,因为在不同的地方使用directive对应的父scope不一样。所以你需要一个隔离的scope,我们可以向下面这转载 2017-09-28 15:53:47 · 494 阅读 · 1 评论 -
学习AngularJs:Directive指令用法(完整版)
转自:http://blog.youkuaiyun.com/evankaka这是我看过的最完整易懂的directive教程。一、Directive的定义及其使用方法AngularJs的指令定义大致如下12345angular.module("app",[]).directive("directive转载 2017-11-16 15:04:30 · 33277 阅读 · 1 评论 -
AngularJS获取getElementById()不起作用及HTML与controller加载顺序问题
AngularJS项目需要引入富文本插件,富文本插件需要获取HTMLdom的id进行富文本插件初始化,所以最开始采用getElementById()方法想要获取id,但是console报出获取不到id,写法如下:define(["app", "wangEditor"], function (app, E) { app.controller("savingEdit", ["$scope", ...原创 2018-02-09 10:45:18 · 3427 阅读 · 0 评论 -
angularJs中service的三种方法以及区别(factory,service,provider三者的区别)
1.引言在angularJS中service是我们经常用到的一个东西,从最开始,我们就知道service有三种方法,service(),factory()和provider()三者的异同和应用场景也是经久不衰的话题,网上有大量的文章和代码讨论三者的使用和区别但其中多数说的都一知半解,让人一头雾水,今天让我们聊聊angularJS中的service2.service的作用在Angular里面,ser...转载 2018-03-26 20:15:51 · 584 阅读 · 0 评论 -
AngularJS directive指令之require部分
这部分用到了angularjs的$parsers相关知识,可以参考我的另一篇:在自定义Angular指令时,其中有一个叫做require的字段,这个字段的作用是用于指令之间的相互交流。举个简单的例子,假如我们现在需要编写两个指令,在linking函数中有很多重合的方法,为了避免重复,我们可以将这个重复的方法写在第三个指令的 controller中,然后在另外两个需要的指令中require这个拥原创 2016-05-10 17:18:41 · 10267 阅读 · 1 评论 -
Angularjs和bootstrap、jquery和easyUI的各自主要功能
开始做app项目以来,一直使用着angularjs和bootstrap这两个工具,但还真没仔细想过这两个工具与jQuery和easyui有什么区别,各自负责怎样的功能部分,今天有些时间,来总结一下这其间的区别和这些工具各自能实现的功能。1.angularjshtml和js之间的数据衔接层,可以操控html元素(数据绑定、重复、隐藏)等,上手很容易,但想要精通,了解内部运行机制不容易。2原创 2016-03-23 17:18:57 · 20530 阅读 · 0 评论 -
AngularJS使用 ng-disabled 属性与ng-model搭配,实现禁用button效果
在输入框内无文字时,提交button是不能点击状态,在输入文字后会变为可点击状态实现方法: <button class="btn btn-sm btn-block btn-primary" ng-disabled="!shyj" ng-click="agreeClick();" ng-tap="$navigate.go('/home')">原创 2015-09-18 16:28:42 · 38709 阅读 · 5 评论 -
angularjs框架搭建
1原创 2015-10-20 17:52:05 · 700 阅读 · 0 评论 -
AngularJS的学习--$on、$emit和$broadcast的使用
$emit只能向parent controller传递event与data$broadcast只能向child controller传递event与data$on用于接收event与data例子如下html代码 click me转载 2015-10-12 18:02:06 · 517 阅读 · 0 评论 -
AngularJS使用 ng-repeat 中的 $index与替代方法
一个简单动作(action)的列表先来看看一个完整有效的ng-repeat示例。 {{item.name}} remove 对应的控制器(controller)如下:app.controller('ListCtrl', ['$scope', function($scope) { //items come from somewhere, fr转载 2015-09-16 13:34:29 · 4582 阅读 · 0 评论 -
AngularJS使用 ng-options 实现传值给后台controller
这两天遇到了样式的选定传值问题,开始用ng-repeat循环出了页面结果,但是添加ng-click后台却触发不了click函数。代码如下: 请选择渠道 {{gQd.QZSM}} js:原创 2015-09-16 13:54:22 · 3763 阅读 · 2 评论 -
ng-repeat可以额外自己加对象
ng-repeat="SCL in SearchCustList"中的SCL创建新对象即可虽 然 JavaScript 有很多用处,但是处理字符串是其中最流行的一个。下面让我们深入地分析一下使用 JavaScript 操作字符串。在 JavaScript 中, String 是对象。 String 对象并不是以字符数组的方式存储的,所以我们必须使用内建函数来操纵它们的值。这些内建函数提原创 2015-09-14 17:00:59 · 1295 阅读 · 0 评论 -
angularJS中把html格式的字符串转成html格式显示,ng-bind-html与trustAsHtml的过滤器
js:app.filter('trust2Html', ['$sce',function($sce) { return function(val) { return $sce.trustAsHtml(val); };}])html:原创 2015-11-30 18:22:33 · 9955 阅读 · 0 评论 -
AngularJs返回前一页面时刷新一次前面页面
要求:页面A进入到页面B,在页面B处理完后返回页面A,页面A里的数据应该动态的减去一条,但由于一般情况下页面是缓存起来的,返回A后读取的是缓存静态页面,里面显示的数据不会减少。应客户要求,需要重新加载一次数据,达到页面A可以刷新数据目的。研究过程:从网上寻找发现,有一个方法可以获取到当前页面的URL:$location以 ‘http://localhost/$location/21原创 2016-01-12 17:15:34 · 11749 阅读 · 0 评论 -
理解Angular中的$apply()以及$digest()
$apply()和$digest()在AngularJS中是两个核心概念,但是有时候它们又让人困惑。而为了了解AngularJS的工作方式,首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么,以及在日常的编码中如何应用它们。 探索$apply()和$digest()AngularJS提供了一个非常酷的特性转载 2016-01-12 17:58:52 · 376 阅读 · 0 评论 -
angular双向绑定无效果,ng-model不能正常显示
今天遇到了个问题,js代码中变量已经变化了,但是html页面中没有正常的显示出来。代码如下:<input type="text" ng-model="paramValue" auto-focus>$scope.paramValue = param;以上代码就会造成有时input框中无内容的情况,打断点显示$scope.paramValue是有值的,但是页面就是啥都显示不出来。换成下边代...原创 2018-06-07 10:58:23 · 6026 阅读 · 1 评论