angularJS

angularJs-论模块化写法的两种方式

angularjs模块化写法主要有两种方法：varmyApp=angular.module("myApp",[])//第二个参数添加依赖，体现了angularJs的又一个特性：依赖注入；//第一种方法myApp.controller
Charles_pig·2017-06-22 17:07

Angular学习笔记(7)—多重视图和路由

AngularJS允许我们在$route服务的提供者$routeProvider中通过声明路由来实现这个功能。安装  从1.
oWSQo·2017-06-22 11:25

Angular学习笔记(6)—模块加载

AngularJS模块可以在被加载和执行之前对其自身进行配置。我们可以在应用的加载阶段应用不同的逻辑组。配置在模块的加载阶段，AngularJS会在提供者注册和配置的过程中对模块进行配置。
oWSQo·2017-06-22 11:18

Angularjs在360兼容模式下取数据缓存问题的解决办法

测试提了一个bug，在360浏览器兼容模式下，删除页面数据需要手动刷新浏览器才能看到最新的数据。首先要复现当时的问题，很容易就复现了，但是发现在360浏览器兼容模式下无法打开开发者工具。好在经过反复重装之后，终于打开了开发者工具，经过跟踪发现，第一次删除数据时可以正常刷新，第二次或以后的删除将无法刷新，跟踪代码，发现通过异步请求的数据正常的返回并且绑定了。点击搜索按钮，也无法实现刷新，但是点击分页
大朋展翅·2017-06-22 09:05

angularjs-ng-app,ng-model,ng-class,ng-style,三目,选项卡,$watch,$scope

AngularJS：MVx框架，把数据、表现、逻辑分离开方便程序员——避免重复劳动（获取、事件）版本：1.2.x和1.3.xng-bind输出（不常用）ng-app范围模板：{{}}，输出1、ng-app
f1yinsky·2017-06-21 23:04

AngularJS解决ng-if中的ng-model值无效的问题

与其他指令一样，ng-if指令也会创建一个子级作用域，因此，如果在ng-if指令中添加了元素，并向元素属性增加ng-model指令，那么ng-model指令对应的作用域属性子级作用域，而并非控制器注入的$scope作用域对象，这点在进行双向数据绑定时，需要引起注意。.frame{padding:5px8px;margin:0px;font-size:12px;width:320px;backgro
abloume·2017-06-21 11:23

AngularJS动态绑定ng-options的ng-model实例代码

什么情况下会需要动态绑定ng-model呢？若你的数据结构长得像是下面这样：varClasses=[{"Name":"温度","Options":["Cold","Hot","Normal"]},{"Name":"份量","Options":["Big","Middle","Small"]}];此时你需要用ng-repeat将数据展开，并且将Options个别设置为ng-options的数据，此时
XINGXUEXX·2017-06-21 10:57

Angular中ng-options下拉数据默认值的设定方法

今天学习了一下Angular中ng-options下拉数据默认值的设定方法，留个笔记直接上代码教师选择教师AngularJS//data为课程的编号ID$scope.Edit=function(data
FutaoSmile丶·2017-06-21 09:42

angularjs下拉框空白的解决办法

搜索angularjs下拉框空白，可以出现很多解决方案，但是对于静态字段来说，网上目前还没有找到解决方案，如下：选择状态在职离职如果要按照网上的方法来解决，首先需要把下拉选项存放到一个对象数组当中，对于一个两个下拉框还好说
大朋展翅·2017-06-20 08:01

AngularJS ng-repeat遍历输出的用法

AngularJSng-repeat遍历输出的用法,最近需要用，就顺便发到随笔上了ng-repeatdirective我的购物车序号商品单价数量金额操作{{$index+1}}{{item.name}}
Darkersky·2017-06-19 16:32

AngularJS的ng-click传参的方法

今天遇到个难题就是ng-click传参问题，在网上找了好多资料，先留个笔记{{item.transAmount}}已分配：{{item.usePoints}}授信方：{{item.rollOutAccountName}}授信日期：{{item.createTime}}//js代码$scope.sentOutQuery=function(sourceDetail){varexpiresDate=ne
Darkersky·2017-06-19 16:59

详解angularJS动态生成的页面中ng-click无效解决办法

今天碰到了一个这样的需求，在自己写的动态的页面中，写入的AngularJS无效不能点击响应事件，以下给出代码以及解决方案1.首先将我们要赋值给页面的数据new一下varhtml=""2.用$compile
lee_ds·2017-06-19 15:25

详解AngularJS脏检查机制及$timeout的妙用

||浏览器事件循环和Angular的MVW“脏检查”是Angular中的核心机制之一，它是实现双向绑定、MVVM模式的重要基础。Angular将双向绑定转换为一堆watch表达式，然后递归检查这些watch表达式的结果是否变了，如果变了，则执行相应的watcher函数。等到Model的值不再变化，也就不会再有watcher函数被触发，一个完整的digest循环就结束了。因为我们不需要改变编程思维，
abloume·2017-06-19 15:22

深入理解AngularJs－scope的脏检查（一）

进入正文前的说明：本文中的示例代码并非AngularJs源码，而是来自书籍>,这本书的作者仅依赖jquery和lodash一步一步构建出AngularJs的各核心模块，对全面理解AngularJs有非常巨大的帮助
谷笑儿·2017-06-19 15:40

angularjs+bootstrap实现自定义分页的实例代码

目前在做一个javaweb页面，没有使用到框架的分页，所以需要自己实现分页，就想到了用angularjs来实现分页，数据通过ajax从后台获取。
白虎先生·2017-06-19 14:58

AngularJS实现自定义指令与控制器数据交互的方法示例

本文实例讲述了AngularJS实现自定义指令与控制器数据交互的方法。
一花一世界,一叶一乾坤·2017-06-19 10:50

ionic3平台android端启动页面闪屏8秒、应用启动慢的问题（cordova-plugin-splashscreen）

可能引发该问题的X因子集合2使用f方法针对X因子进行测试验证2.1验证cordova-plugin-splashscreen插件是否是关键因子2.2验证Cordova桥android端源码是否是关键因子2.3验证AngularJS3.2.0
数学视角·2017-06-18 11:35

ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据

先用动图演示：昨天有分享为ng-click传递参数《angularjs为ng-click事件传递参数》http://www.cnblogs.com/insus/p/7017737.html上面仅仅是在ng-click
Insus.NET·2017-06-17 14:53

我的高大上技术(study)

[html]viewplaincopy前端：html,css,h5,js,jquery,jsp,easyui,bootstrap,ext.js,vue.js,node.js,angularjs后端：spring
AinUser·2017-06-17 14:08

angular自定义指令详解

在运用angularjs的时候，运用自定义指令可以写一些组件，非常方便。这里给大家分享一些关于angular自定义指令的知识。
北城以南·2017-06-17 00:00

angularjs项目中好用的库

1.轻量级功能强大的弹窗组件ngDialoghttps://github.com/likeastore/ngDialog 示例：http://likeastore.github.io/ngDialog/2.消息提醒组件angular-atomic-notifyhttps://github.com/maxigimenez/angular-atomic-notify angular-toasterht
qq_29287973·2017-06-16 15:00

【angularjs学习笔记】angularjs项目使用gulp自动化构建及压缩打包

目标一键安装项目所有的依赖模块一键安装项目所有的依赖库代码检查确保严格语法正确能将angularjs的html装换成js模块并且压缩到js文件中将所有css文件合并压缩将所有的js文件合并压缩动态引入资源文件拥有开发环境和生产环境两种打包方式工具
qq_29287973·2017-06-16 15:00

ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据

先用动图演示：昨天有分享为ng-click传递参数《angularjs为ng-click事件传递参数》http://www.cnblogs.com/insus/p/7017737.html上面仅仅是在ng-click
Insus.NET·2017-06-16 13:00

程序员薪酬大调查：学哪种语言最赚钱？

最常用的框架、库和其他技术：毫无悬念，Node.js和AngularJS仍然是这一类中最常用的技术。最受欢迎的数据库：上述图表显示，MySQL和SQLServer是最常用的。值得注意
帅帅的状元郎·2017-06-16 11:26

基于AngularJS实现的工资计算器实例

本文实例讲述了基于AngularJS实现的工资计算器。分享给大家供大家参考，具体如下：先看界面：其实在ng中最让人印象深刻的就是数据的双向绑定，在html中就完成了很多操作。
廖先生·2017-06-16 11:36

AngularJs实现聊天列表实时刷新功能

昨天在做app的聊天列表时，遇到了一个问题，消息监听器监听到了一个新的消息，但是如果这时已经处于消息列表的页面那么消息列表并不会及时更新。我的想法是在service层中的监听器方法里，当监听到了一个新的消息，那么就在根作用域中发出一个广播，告诉controller层需要去获取最新的消息列表了。service层中发出广播:controller层中接听广播:rootScope是所有scope的父级它的
nnnnnox·2017-06-15 14:49

AngularJs

1.克服HTML在构建应用上的不足而设计的2.是MVVM框架3.应用构成元素：模型—Modal视图—vew控制器—controller作用域—scope指令—directives表达式—expressions模板4.表达式支持四则运算（+-*/）和逻辑运算5.常用指令：ng-click、ng-class、ng-bind、ng-model、ng-repeat、ng-show、ng-hide6.ang
何wife·2017-06-14 22:40

详解AngularJS 模块化

学习要点：控制器模块化指令模块化过滤器模块化服务模块化定义值模块化使用模块工作第一步：创建一个模块//function:definemodulenamedexampleApp//paramdetail://paramone:modulename//paramtwo:relayonmodulescollection//parmsthree:configinformationvarmyApp=angu
光明大神棍·2017-06-14 16:44

angularJS的controller之间如何正确的通信

阅读更多AngularJS中的controller是个函数，用来向视图的作用域（$scope）添加额外的功能，我们用它来给作用域对象设置初始状态，并添加自定义行为。
xue88ming·2017-06-14 09:00

前端网站资源精编！！

不要吝啬你的赞美喜欢就点个赞目录:1--------走进前端2--------jQuery3--------CSS4--------Angularjs5--------ES66--------React7
python233·2017-06-13 22:00

AngularJS 动画

动画是通过改变HTML元素产生的动态变化效果AngularJS使用动画需要引入angular-animate.min.js库:还需在应用中使用模型ngAnimate:勾选复选框隐藏DIV代码:隐藏DIV
SmallPuddingHappy·2017-06-13 17:13

详解AngularJs路由之Ui-router-resolve（预加载）

但是注意，数据和元素并不是同步的，在没有任何设置的情况下，AngularJS默认先呈现出元素，而后再呈现出数据。这样就会导致页面会被渲染两遍，导致“页面UI抖动”的问题，对用户
面具哥布林·2017-06-13 16:22

深究AngularJS之ui-router详解

1.配置使用ui-router1.1导入js文件需要注意的是：必须导入angular.min.js这个文件，且angular.min.js必须导入在angular-ui-router.min.js前面。1.2注入angular模块varapp=angular.module('myApp',['ui.router']);注入的名字“ui.router”，可在angular-ui-router.min
zcl_love_wx·2017-06-13 16:20

深究AngularJS――ng-checked（回写：带真实案例代码）

1.需求在添加页面实现一个checkbox的选择，然后在详情页面展示时，会自动选上之前被选中的。2.添加页面看官最好将这个代码复制过去看看效果。选择{{item.shortName}}结果：{{result}}varapp=angular.module('myApp',[]);app.controller('myCtrl',function($scope){//创建checkbox用的$scope
zcl_love_wx·2017-06-13 15:58

angularjs ionic框架实现 Localstorage本地存储,页面刷新数据仍在

在客户端存储数据（localStorage）localStorage本地存储相对于上述本地存储方案，localStorage有自身的优点：容量大、易用、强大、原生支持；缺点是兼容性差些（chrome,safari,firefox，IE9，IE8都支持localStorage，主要是IE8以下版本不支持）、安全性也差些（所以请勿使用localStorage保存敏感信息）。localStorage保存
小两·2017-06-13 15:43

AngularJS 中使用Swiper制作滚动图不能滑动的解决方法

这篇文章主要介绍了AngularJS中使用Swiper制作滚动图不能滑动的解决方法,需要的朋友可以参考下今天在使用Swiper的时候遇到这个问题：使用angularjs动态循环生成swiper-slide
王同超·2017-06-13 15:47

angularjs之$timeout指令详解

angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行.如果需要取消一个timeout,调用$timeout.cancel(promise)方法.用法:$timeout(fn,[delay],[invokeApply]);fn:回调函数(必填
流浪猫の窝·2017-06-13 11:16

angularjs实现搜索的关键字在正文中高亮出来

1、定义高亮filter我们希望搜索的关键字在正文中高亮出来，正文内容就是过滤器的第一个参数，第二个参数就是搜索关键字，这样，我们的过滤器将会有两个参数了。高亮的原理很简单，将需要高亮的内容使用span标记隔离出来，再加上一个高亮的class样式进行描述就可以了。app.filter("highlight",function($sce,$log){varfn=function(text,searc
灰太大·2017-06-13 10:33

.Net Core+Angular Cli/Angular4开发环境搭建教程

npminstall-gcnpm--registry=https://registry.npm.taobao.org5.安装TypeScriptcnpminstall-gtypescripttypings6.安装AngularJSC
恋恋风尘·2017-06-13 10:25

AngularJS 项目搭建--基于RequireJs

较大规模的angular单页应用由于引用了大量的资源文件可能会导致在页面加载速度较慢，然而这些资源并非都需要在首页使用，这里我们可以使用了RequireJs和angular-async-loader来实现资源和angular模块的异步加载，提高应用的加载速度和性能依赖使用bower管理项目依赖Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS
气象卫星随机号·2017-06-13 00:00

angularjs实现搜索的关键字在正文中高亮出来

1、定义高亮filter我们希望搜索的关键字在正文中高亮出来，正文内容就是过滤器的第一个参数，第二个参数就是搜索关键字，这样，我们的过滤器将会有两个参数了。高亮的原理很简单，将需要高亮的内容使用span标记隔离出来，再加上一个高亮的class样式进行描述就可以了。app.filter("highlight",function($sce,$log){varfn=function(text,searc
竿牍·2017-06-12 21:30

深究AngularJS中ng-drag、ng-drop的用法

1.相关地址：插件下载：https://github.com/fatlinesofcode/ngDraggable/blob/master/ngDraggable.js2.讲解姓名：{{item.name}}，年龄：{{item.age}}ng-drag:表示该元素能够被拖动ng-drag-data:表示拖动元素时跟着被拖走的数据ng-drop:表示该元素内可放置被拖动的元素ng-drop-suc
zcl_love_wx·2017-06-12 16:20

深究AngularJS中$sce的使用

因为AngularJS里好些地方，比如路径默认是个字符串，不会认为是路径，从而访问不到我们需要的东西，那么我们就可以通过$sce告诉angualrJS这个路径，这样是很安全滴。
zcl_love_wx·2017-06-12 16:53

Angularjs 双向绑定时字符串的转换成数字类型的问题

问题：结果为{{first+second}}varapp=angular.module("myApp",[]);app.controller("myContrl",function($scope){$scope.first=5;$scope.second=10;});显示结果为但是，我要是输入50，想要结果为60因为这个是字符串类型需要转换成数字类型解决方法：结果为{{first*1+second
致良知的萌新·2017-06-12 15:15

angularjs实现上拉加载和下拉刷新数据功能

虽说AngularJS1.x版本中对于上拉加载，下拉刷新数据功能都有做些封装，但还是有些人不清楚。其实我一开始也是不懂的，so.现在把搞懂的记录下免得少走弯路。
过去式的美好·2017-06-12 14:41

详解angularjs 关于ui-router分层使用

最近感觉有很多学angular的童鞋在路由问题中还不清楚怎么使用。其实我之前也是一直晕晕的不懂怎么用，现在要好得多了。在这里就记录下ui-router使用。就已目前做的这个项目来介绍下怎么使用吧。Note:最好是按照层次规则来设置路由名，好处是容易看懂，也便于管理。我这里是以总state到模块state再到下一层模块state（再到下一层模块state）最后到详细页面的state来分层。首先我们先
过去式的美好·2017-06-12 14:17

深究AngularJS如何获取input的焦点（自定义指令）

1.写在前面关于如何获取input框、textarea等的焦点，网上有许多文章都只是会跟你说ng-focus这个内置指令。像这种解答，只能说明作者并为真正理解人家的需求。ng-focus是一个事件，跟原生JS（JavaScript）的onfocus是一样的，当我们点击input框时，就会触发该事件，而在该事件里我们可以调用一个函数。所以，当人家问你如何获取焦点时一般的意思是，如果我进行了某些操作后
zcl_love_wx·2017-06-12 11:14

AngularJS自定义指令详解（有分页插件代码）

前言除了AngularJS内置的指令外，我们还可以创建自定义指令。通过.directive()函数来添加自定义的指令。调用自定义指令时，需要在HTMl元素上添加自定义指令名。
zcl_love_wx·2017-06-12 11:30

郁闷!ionic中获取ng-model绑定的值为undefined如何解决

以前在使用angularjs的ng-model绑定时候就可以拿到的啊，这就尴尬了，决定一探究竟。大家先看下面的一个demo。
小两·2017-06-09 16:51

angularjs $http实现form表单提交示例

需求：请求第三方后台接口返回一段html字符串如下，由前端去实现form表单的POST提交，说明：form表单submit()实现自动提交input标签hidden，注意script代码中的document.redirect.submit();document.redirect.submit();为了执行上一段字符串html代码，用到了iframe标签HTML5的新属性--srcdocHTML标签
灰太大·2017-06-09 10:13
上一页 110 111 112 113 114 115 116 117 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他