Angularjs

AngularJS入门教程之Hello World!

开始学习AngularJS的一个好方法是创建经典应用程序“HelloWorld!”：1.使用您喜爱的文本编辑器，创建一个HTML文件，例如：helloworld.html。
·2019-09-23 19:52

angularjs中的单元测试实例

当ng项目越来越大的时候,单元测试就要提上日程了,有的时候团队是以测试先行,有的是先实现功能,后面再测试功能模块,这个各有利弊,今天主要说说利用karma和jasmine来进行ng模块的单元测试.什么是Karmakarma是一个单元测试的运行控制框架,提供以不同环境来运行单元测试,比如chrome,firfox,phantomjs等,测试框架支持jasmine,mocha,qunit,是一个以no
·2019-09-23 19:50

angularjs的一些优化小技巧

ng的手段网上已经有很多了,核心都是从$$watchers这个作用域内部属性说起的,今天我来说点别的,本质还是不变的,因为这是ng的硬伤,不过我相信只要运用合适的手法,这些问题还是可以避免的.ng简介angularjs
·2019-09-23 19:49

让angularjs支持浏览器自动填表

UserApp是一个使用angularjs构建的WebApp，但是他一直未能支持浏览器的"savepassword"特性。下面就列出了一些发现的问题：表单不能用js动态的插入DOM。
·2019-09-23 19:17

前端必备神器 Snap.svg 弹动效果

前端不光是Angularjs了，这时候再不学SVG就晚了！（如果你只会jQuery就当我没说。。。）
·2019-09-23 19:17

angularjs实现与服务器交互分享

真正的应用需要和真实的服务器进行交互，移动应用和新兴的Chrome桌面应用可能是个例外，但是对于此外的所有应用来说，无论你是想把数据持久化到云端，还是需要与其他用户进行实时交互，都需要让应用与服务器进行交互。为了实现这一点，Angular提供了一个叫做$http的服务。它提供了一个可扩展的抽象方法列表，使得与服务器的交互更加容易。它支持HTTP、JSONP和CORS方式。它还包含了安全性支持，避免
·2019-09-23 18:06

教你用AngularJS框架一行JS代码实现控件验证效果

如上图所示，我们需要实现如下这些验证功能：控件都是必输控件都需要控制最大长度第一次打开页面，控件不能显示为错误状态输入内容再清空后，必输控件需要显示为错误状态只有所有输入合法后，发布按钮才能变为可用状态通过AngularJS
·2019-09-23 18:01

angular1配合gulp和bower的使用教程

一安装gulp和bowergulp安装:npminstall-ggulpbower安装:npminstall-gbower==注：==angularjs的一些包文件我们是通过bower来管理的二bower
·2019-09-23 01:08

关于 angularJS的一些用法

AngularJS事件指令：ng-click/dblclickng-mousedown/upng-mouseenter/leaveng-mousemove/over/outng-keydown/up/pressng-focus
·2019-09-23 00:55

AngularJS路由删除#符号解决的办法

AngularJS路由删除#符号解决的办法最近做一个web应用，有个需求需要删除angular路由中的#号。
·2019-09-22 23:03

AngularJS select设置默认值的实现方法

AngularJS的select设置默认值在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现angular.module("noteApp",[]).controller
·2019-09-22 23:53

AngularJS 中ui-view传参的实例详解

Angular路由传参首页路由传参柳絮飞祭奠$state.go传参数传参数varapp=angular.module("app",['ui.router']);app.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){$stateProvider.state('inde
·2019-09-22 23:18

AngularJS 购物车全选/取消全选功能的实现方法

刚学习angularJS，于是练习写了一个类似于购物车的全选/取消全选的功能，主要实现的功能有：1、勾选全选checkbox，列表数据全部被勾选，取消同理，用ng-model实现双向绑定；2、选中列表中的所有
·2019-09-22 23:04

Angularjs的$http异步删除数据详解及实例

Angularjs的$http异步删除数据详解及实例有人会说删除这东西有什么可讲的，写个删除的service，controller调用一下不就完了。
·2019-09-22 22:30

使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

最近在做项目时，遇到了需要用到多选按钮选中触发事件的功能，因此我查找了一下AngularJS的提供的指令，但是没有发现相应的指令。
·2019-09-22 22:05

AugularJS从入门到实践(必看篇)

前言前端AngularJS是为了克服HTML在构建应用上的不足而设计的。（引用百度百科）AngularJS使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷。
·2019-09-22 22:47

AngularJS实现表格的增删改查（仅限前端）

用AngularJS实现对表格的增删改查（仅限前端），具体代码：实现表格的增删改查.add{position:relative;top:-40px;left:1000px;}管理信息：搜索：添加姓名年龄城市操作
·2019-09-22 22:11

AngularJS实用基础知识_入门必备篇(推荐)

前言今天来和大家学习一下AngularJS……AngularJS通过新的属性和表达式扩展了HTML。AngularJS可以构建一个单一页面应用程序。AngularJS学习起来非常简单。
·2019-09-22 22:23

AngularJS 限定$scope的范围实例详解

在AngularJS中，每个$scope都会继承父$scope，最高层称之为$rootScope。（$scope与传统指令有些不同，它们有一定的作用范围i，且只继承显式声明的属性。）
·2019-09-22 22:56

angular 用拦截器统一处理http请求和响应的方法

想使用angularjs里的htpp向后台发送请求,现在有个用户唯一识别的token想要放到headers里面去，也就是{headres:{'token':1}}index.html里引入以下js：angular.module
·2019-09-22 21:42

mongoDB 多重数组查询(AngularJS绑定显示 nodejs)

核心代码：js代码varLesson=Schema({lessonName:String,intr:String,creTime:Date,sort:String,//分类imgUrl:String,//封面地址price:Number,teacher:String,//教师subTitle:[{lNo:Number,subLName:String,src:String,filtered:{typ
·2019-09-22 21:59

AngularJS2中一种button切换效果的实现方法（二）

之前用三目表达式和ng-class实现了按钮切换效果，似乎达到了我的预期，但是我觉得还有改进空间，网上找了一些资料，大概还有以下几种实现方式：路由btn1btn2.active{background-color:white;}将button切换的页面写成一个component，通过routerLink链接到对应的component并显示出来，routerLinkActive来控制路由链接激活后bu
·2019-09-22 21:24

使用AngularJS2中的指令实现按钮的切换效果

之前在AngularJS2中一种button切换效果的实现（二）中实现了按钮的切换效果，但是方法比较low，这次我们使用Angular2的指令来实现。
·2019-09-22 21:23

AngularJS封装$http.post()实例详解

AngularJS封装$http.post()实例详解用了不是很长的时间跟了一个移动APP项目，用的是ionic+AngularJS+cordova框架，其间遇到过挺多问题，其中一个就是对Ajax的封装问题
·2019-09-22 21:16

AngularJS实现路由实例

1、首先我们要引进angular.js和angular-route.js文件复制代码代码如下:2、然后我们要在html中创建锚点和容器（ng-view）第一页第二页3、在模块中注入ngRoute依赖复制代码代码如下:angular.module('myApp',['ngRoute'])4、配置路由config(['$routeProvider',function($routeProvider){$
·2019-09-22 21:26

angularjs中使用ng-bind-html和ng-include的实例

下面这个例子，往div标签内添加html内容：demovarapp=angular.module('myApp',[]);app.controller("ctrl",function($scope,$sce){$scope.myText=$sce.trustAsHtml("粗体内容斜体内容");});注意在赋值时需要将html用$sce.trustAsHtml作一个处理，不然页面会报错，无法输出内
·2019-09-22 21:09

angularjs中回车键触发某一事件的方法

要求：在输入框中输入值以后，按回车键触发某一事件的执行html：js：$scope.myKeyup=function(e){//IE编码包含在window.event.keyCode中，Firefox或Safari包含在event.which中varkeycode=window.event?e.keyCode:e.which;if(keycode==13){$scope.showkdUsers()
·2019-09-22 21:49

Angularjs中三种数据的绑定策略(“@”，“=”，“&”)

前言我们想要实现这样的效果：当我们点击标题的时候展示下面的内容，再点击则收回去。一、首先回顾一下有哪些绑定策略？看这个实在是有点抽象了，我们来看具体的实例分析吧！二、简单的Demo实例@绑定：传递一个字符串作为属性的值。比如str:‘@string'控制器中代码部分示例：myDirec.controller('MyCtrl3',['$scope',function($scope){$scope.c
·2019-09-22 20:26

ng-options和ng-checked在表单中的高级运用(推荐)

AngularJS是当前非常的流行的前端框架，它的语法糖非常多，也极大的方便了前端开发者，但是有着用法还是需要去琢磨一下的。ng-options在select表单控件中，总结一下目前的几种写法。
·2019-09-22 19:21

AngularJS 使用ng-repeat报错 [ngRepeat:dupes]

AngularJS使用ng-repeat报错[ngRepeat:dupes]Duplicatesinarepeaterarenotallowed.Use'trackby'expressiontospecifyuniqng-repeat
·2019-09-22 19:22

Angular JS数据的双向绑定详解及实例

AngularJS数据的双向绑定接触AngularJS许了，时常问自己一些问题，如果是我实现它，会在哪些方面选择跟它相同的道路，哪些方面不同。为此，记录了一些思考，给自己回顾，也供他人参考。
·2019-09-22 18:56

AngularJS实现元素显示和隐藏的几个案例

案例一：控制html元素显示和隐藏有n种方法：html的hidden、css的display、jquery的hide()和show()、bootstrap的.hide。今天的重点不是显示和隐藏，而是监听某个布尔变量值，自动改变元素显示和隐藏状态。监听函数、if判断、选择dom、设置dom，5行代码搞不定吧，而且毫无技术含量。看代码：ng-showandng-hidedirectives字符串1字符
·2019-09-22 17:31

AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录

这次也是有点私心的，为了锻炼最近看的angularjs，于是果断选择Node.js+MongoDB+angular.js的方案。当然，开发Node.js的体会越来越深刻。
·2019-09-22 17:39

angularjs指令中的compile与link函数详解

通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别.angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件
·2019-09-22 17:35

AngularJS操作键值对象类似java的hashmap(填坑小结)

前言：我们知道java的hashmap中使用最多的是put(...),get(...)以及remove()方法，那么在angularJS中如何创造（使用）这样一个对象呢思路分析：我们知道在java中可以采用链式访问和
·2019-09-22 16:09

Javascript实现前端简单的路由实例

前言前端路由在很多开源的js类库框架中都得到支持，如angularJS，Backbone，Reactjs等等。
·2019-09-22 16:48

vue父组件向子组件(props)传递数据的方法

随着Angularjs,React,Vue的流行组件式的开发方式成为另一种不错的解决方案。最近就有一些小伙伴问我，vue组件之
·2019-09-22 16:47

AngularJS 日期格式化详解

AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。
·2019-09-22 16:34

AngularJS Module方法详解

AngularJS是什么？AngularJs（后面就简称ng了）是一个用于设计动态web应用的结构框架。首先，它是一个框架，不是类库，是像EXT一样提供一整套方案用于设计web应用。
·2019-09-22 16:04

AngularJS内置指令

指令，我将其理解为AngularJS操作HTMLelement的一种途径。由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点，所以指令早已不陌生。
·2019-09-22 15:57

AngularJs根据访问的页面动态加载Controller的解决方案

用Ng就是想做单页面应用(simplepageapplication),就是希望站内所有的页面都是用Ng的Route,尽量不用location.href,但是这样的webapp好处是很多,但是美中不足的是当你的webapp随着时间的推移,用户变多,功能变得更丰富,controller也变得越来越多,你不得不把所有的controller当作全局模块进行加载,以使得在站内任何一个页面中按F5刷新后能r
·2019-09-22 15:57

jQuery和AngularJS的区别浅析

最近一直在研究angularjs,最大的感受就是它和之前的jQuery以及基于jQuery的各种库设计理念完全不同，如果不能认识到这点而对于之前做jQuery开发的程序员，去直接学习angularjs的话
·2019-09-22 15:19

angularJS中$apply()方法详解

对于一个在前端属于纯新手的我来说，Javascript都还是一知半解，要想直接上手angularJS，遇到的阻力还真是不少。不过我相信，只要下功夫，即使是反人类的设计也不是什么大的问题。
·2019-09-22 15:23

从JS继承实现一个VueJs的render函数

如ReactJs、VueJs、AngularJs。
darkCode·2019-09-20 20:30

TypeScript中使用getElementXXX()

如果只是看解决方法，可以直接跳到第二小节简述Angular1.x版本是用JavaScript编写的，我们在百度Angular经常会搜索到AngularJS，并不是JavaScript的什么衍生版本，就是
ailim·2019-09-20 20:51

angularjs ng-if妙用，ng-if解决父子组件异步传值

壹❀引angularjs开发中，组件件相互通信传值是再普遍不过的操作了，比如我在父作用域中获取了一个数据，想要传递给子组件使用，做简单的做法就是通过scope传递，比如这样：angular.module
听风是风·2019-09-17 22:00

Mars-Java

JS框架有react，vue，AngularJS，而后端框架只有s
额滴神--JH·2019-09-17 11:59

写给前端工程师的Flutter教程

最爱折腾的就是前端工程师了，从jQuery折腾到AngularJs，再折腾到Vue、React。
可乐程序员·2019-09-15 11:26

TypeScript中使用getElementXXX()的示例代码

简述Angular1.x版本是用JavaScript编写的，我们在百度Angular经常会搜索到AngularJS，并不是JavaScript的什么衍生版本，就是Angular1.x。
大盗·2019-09-12 08:35

TypeScript中使用getElementXXX()

如果只是看解决方法，可以直接跳到第二小节简述Angular1.x版本是用JavaScript编写的，我们在百度Angular经常会搜索到AngularJS，并不是JavaScript的什么衍生版本，就是
贪婪的君子·2019-09-11 07:00
上一页 86 87 88 89 90 91 92 93 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他