angularJS

AngularJS1.X学习笔记2-数据绑定

上一篇从整体上认识了Angular，从现在开始更加深入的学习Angular的特性。本次学习的是数据绑定。应该所有的MVC框架都会用到数据绑定，比如我所知道的ThinkPHP、struts等，只有实现了数据绑定才能将模型层和视图层分离，实现MVC。Angular的数据绑定比较特别，它支持双向数据绑定。1、ng-binddatabinding1angular.module('myApp',[]).co
大~熊·2017-03-31 20:00

初识JHipster

看看它所使用的技术~客户端：服务端：（截图来自JHipster的官网：https://jhipster.github.io）从SpringBoot到NetflixOSS，从Docker到Gradle，从AngularJS
向着朝阳出发·2017-03-31 17:36

AngularJS1.X学习笔记1-整体看看

学习AngularJS。以前学习过Angular的，不过很久没用都忘的差不多了，所以决定好好复习一下。这两天我将多发几篇随笔，记录一下我的学习过程。
大~熊·2017-03-31 17:00

Angularjs使用指令做表单校验的方法

前言通常，使用angular做表单验证，一般都是把验证规则单独写为service，然后通过依赖注入的方式调用。在个别情况下，例如用户注册表单，需要根据用户输入给出不同提示信息，使用service略显不合适宜，所以可以采用指令的方式。简易表单如下为一个简易表单，有四项提示信息，依据状态呈现。校验规则为数字，大写字母，小写字母至少出现两项，通过正则配合ng-pattern能够实现相同的效果，此处仅为引
怀疑真爱的流浪者jason·2017-03-31 14:41

前端开发框架之AngularJS篇

1、前端，是一种GUI软件在一个Web系统中，用户通过浏览器上网，输入URL的那一刻起，就意味着通过HTTP协议发送一个远程请求，服务端会将一个URL请求映射到一个具体的URL，然后将关联的资源分别返回给浏览器端，浏览器拿到了这些资源之后，负责解释、执行并呈现（渲染）。从本质上讲，所有Web应用都是一种运行在网页浏览器中的软件，这些软件的图形用户界面（GraphicalUserInterface，
codekiller_·2017-03-31 13:45

angular.JS实现网页禁用调试、复制和剪切

一、angular根据环境配置禁用调试：//Disabledebugdataforproductionenvironment//@linkhttps://docs.angularjs.org/guide
多客博图·2017-03-31 11:42

angularjs中的双向绑定原理解析

Document文本框中数据发生变化2>通知背后的$rootScope修改对应属性txt的值3>背后$rootScope中属性的值发生了变化4>通知界面修改属性.ng会"遍历"界面中有多少地方使用了该名字,然后依次同步5>在此例中有两个txt,因此依次通知6>通知input标签,发现值一样,ok忽略7>通知{{}},原来没有数据,和现在的数据不一样,更新数据8>通知背后的$rootScope改变.
ITzhongzi·2017-03-31 00:17

Angularjs中使用指令绑定点击事件的方法

项目中，模板中的菜单是jQuery控制的，在Angularjs中就运行不到了，因为菜单项是ng-repeat之后的。
wakasann·2017-03-30 17:17

Angualrjs和bootstrap相结合实现数据表格table

AngularJS的数据表格需要使用angualarjs、bootstrap、dirPagination.js效果图：1.html部分angularjs的数据表格angularjs的数据表格应用代码应用名称版本状态操作还没有数据
信念堤岸·2017-03-30 16:39

Angular.JS去掉访问路径URL中的#号详解

本文目录URL的#号问题找到错误原因静态网站的解决方案动态网站的解决方案一、URL的#号问题使用AngularJS的朋友都应该了解，AngularJS框架定义了自己的前端路由控制器，通过不同URL实现单面
Conan·2017-03-30 11:11

angularjs 前端js正则表达式的运用

网页当中总会有很多input的输入控件，需要填入日期格式、身份证格式、纯数字格式等等，这些如果放到后台校验会浪费很多时间，而且用户体验也不好，多出了一步操作，如果在js中，运用js的正则表达式来禁止用户输入对应的格式的话，会提升好大的体验，主要是使用onkeyup监听函数还有正则表达式：如下例子：（1）input输入框只能输入数字，长度为18，如果是字母或者中文，就要立即转换成空，以便进行校验，如
清澈@Cherry·2017-03-30 11:35

详解Angular.js数据绑定时自动转义html标签及内容

angularJS在进行数据绑定时默认是以字符串的形式数据，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止html标签的注入攻击，但有时候需要，特别是从数据库读取带格式的文本时
我要成为酷酷的人·2017-03-30 11:52

AngularJS中$http的交互问题

$http是AngularJS中的一个核心服务，用于读取远程服务器的数据。
宅钕筱沫沫·2017-03-29 08:37

angularjs控制器之间通信机制，兄弟间通信

Documentvarapp=angular.module('app',[])//控制器父子调用app.controller('parent',function($scope){$scope.$on('to-parent',function(event,data){console.log(data);$scope.$broadcast('to-child',data);})})app.contro
ITzhongzi·2017-03-28 21:23

vue2.0全家桶项目实用代码片段

已经从angularjs转移到了vue的阵营。最近上线了一个vue的项目，在此分享一些简单实用的代码片段。
超人不会飞jjw·2017-03-28 18:48

angularjs解决跨域问题

下表给出了相对http://store.company.com/dir/page.html同源检测的结果:我主要使用的是angularjs
kattyhello·2017-03-28 16:50

基于AngularJS+Bootstrap的多文件上传与管理

一、前言最近一个项目中需要实现多文件上传与管理，而项目是基于bootstrap开发的，所以查了一些bootstrap文件上传插件，最后发现还是bootstrap-fileinput最美观，该插件可以实现多文件的上传与管理（插件官方地址：http://plugins.krajee.com/file-input），具体的效果如下：（bootstrap-fileinput不局限于图片上传，也可以实现文件
dthfhjkj·2017-03-28 14:38

基于AngularJS+Bootstrap的多文件上传与管理

阅读更多一、前言最近一个项目中需要实现多文件上传与管理，而项目是基于bootstrap开发的，所以查了一些bootstrap文件上传插件，最后发现还是bootstrap-fileinput最美观，该插件可以实现多文件的上传与管理（插件官方地址：http://plugins.krajee.com/file-input），具体的效果如下：（bootstrap-fileinput不局限于图片上传，也可以
kevin19900306·2017-03-28 14:00

AngularJS动态切换样式

AngularJS相比原生的js或者jquery有着很大不同，对于一个简单的鼠标点击不同选项，动态切换样式该怎么实现呢。
ChauncyWu·2017-03-27 22:07

在使用angularjs过程，ng-repeat中track by的作用

转载：http://segmentfault.com/q/1010000000405730    `link`.`name`Error:[ngRepeat:dupes]这个出错提示具体到题主的情况，意思是指数组中有2个以上的相同数字。ngRepeat不允许collection中存在两个相同Id的对象Forexample:iteminitemsisequivalenttoiteminitemstra
oQo先生·2017-03-27 19:50

在使用angularjs过程，ng-repeat中track by的作用

转载：http://segmentfault.com/q/1010000000405730    `link`.`name`Error:[ngRepeat:dupes]这个出错提示具体到题主的情况，意思是指数组中有2个以上的相同数字。ngRepeat不允许collection中存在两个相同Id的对象Forexample:iteminitemsisequivalenttoiteminitemstra
oQo先生·2017-03-27 18:58

AngularJS前端页面操作之用户修改密码功能示例

本文实例讲述了AngularJS前端页面操作之用户修改密码功能。分享给大家供大家参考，具体如下：最近在做前端设计，主要使用的知识有AngularJS和nodejs来进行页面显示和数据请求、处理等工作。
xueyangshipin·2017-03-27 12:48

Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能

最终实现效果：index.html选择序号用户备注操作{{tddata}}编辑删除已选数量：{{count}}已选对象：{{selectData}}script.js//CodegoesherevarrouterApp=angular.module('routerApp',['ngAnimate','ngSanitize','ui.bootstrap']);routerApp.controller
小思思smile·2017-03-27 11:03

深入理解AngularJS中的ng-bind-html指令

但在为html标签绑定带html标签的内容的时候，angularjs为了安全考虑，不会将其渲染成html，而是将其当做文本直接在页面上展示。
wolfy·2017-03-27 10:31

AngularJs、RequireJs、AngularAMD、ui-router搭建的JS文件动态加载

降低了用户体验，所以写了这个动态加载脚本的demo，欢迎交流：1.主页：requireJs入口：data-main="mian.js"，如下：2.main.jsrequire.config({baseUrl:'/AngularJsClass
YuanLicc·2017-03-27 09:19

Scope in AngularJS

FromtheRUNBOOM.COM,itsaid:Scope(作用域)是应用在HTML(视图)和JavaScript(控制器)之间的纽带。Scope是一个对象，有可用的方法和属性。Scope可应用在视图和控制器上。While,howmanyscopescanwehave?isthereanystructureinit?IgotthosequestionwhenIcometoit.Afterato
u5817287·2017-03-26 15:53

AngularJS ——指令 独立scope 绑定策略

指令如果不设置独立scope，会互相影响，无法独立使用。设置独立scope：###指令scopevarmainApp=angular.module("myApp",[]);mainApp.directive("chaoren",function(){return{scope:{},//{{str}}",}});独立scope的绑定：###varmainApp=angular.module("myA
不扯螺丝敲代码·2017-03-25 13:20

对于php、mysql优化、angularjs的一些小感悟

最近在新公司(游戏公司)因为业务需要，需要开发一套独立的数据统计后台，包括前端页面和php端数据处理。数据表是按照日期生成的log表，每日一张，包含了所有用户的一切操作，例如：登录、注册、游戏相关、在线相关等，按照type字段分类。前期有过小范围测试几千人左右，数据量每张表大约为80W条，因为只是一个内部使用的后台，因此对于性能要求没有那么变态，只需要尽力的优化即可。在这里将这些感悟整理、归纳一下
Orz___Li·2017-03-25 00:08

AngularJS 指令scope作用域问题，$apply

项目中发现了一个很奇怪的问题，怎一个郁闷了的....问题如下controller中定义了一个变量，$scope.test="123";接着定义一个指令，触发事件改变$scope.test=“666666”此时，$scope.test可以成功修改，输出666666然后定义了一个$scope.gotest=function(){}函数输出$scope.test，可是，可是，可是...输出结果却是123
kingcruel·2017-03-23 15:30

SpringMvc+Angularjs 实现多文件批量上传

SpringMvc代码jar包commons-fileuploadcommons-iospring-mvc.xml配置Controller@RequestMapping(value="api/v1/upload",method=RequestMethod.POST,produces=MediaType.APPLICATION_JSON_VALUE)@ResponseBodypublicMapupl
y0yO011·2017-03-23 11:10

angularJS深拷贝详解

在了解angular深拷贝之前，首先看下边的代码。vara=1;varb=a;b=2;console.log(a+""+b);很显然，输出的a的值是1，b的值是2。接下来再看一段代码。vara=[1,2,3,4];varb=a;b.push(5);console.log(a+""+b);很显然，输出a的值是[1,2,3,4,5]，b的值是[1,2,3,4,5]。再来看下一段代码。vara={nam
Ice_jundong·2017-03-23 08:07

angularJS深拷贝

在了解angular深拷贝之前，首先看下边的代码。vara=1;varb=a;b=2;console.log(a+""+b);很显然，输出的a的值是1，b的值是2。接下来再看一段代码。vara=[1,2,3,4];varb=a;b.push(5);console.log(a+""+b);很显然，输出a的值是[1,2,3,4,5]，b的值是[1,2,3,4,5]。再来看下一段代码。vara={nam
Ice_jundong·2017-03-22 19:08

AngularJS ng-class样式切换

1、HTMLFirstSecondThirdAllFirstSecondThird.bgstyle{background-color:#8f8f8f;width:100%;height:20px;margin:2px02px0;text-align:center;}.bgstyle-check{background-color:#ff3b30;width:100%;height:20px;marg
kingcruel·2017-03-21 23:00

angularjs+bootstrap modal的使用

在AngularJS中主要使用bootstrap-modal使用弹窗效果。
EldonZhao·2017-03-20 16:46

vue.js中指令Directives详解

想必喜欢前端开发的小伙伴们都或多或少接触过MVVM这个概念，说起MVVM，第一时间想到的便是angularjs，knockoutjs等已经被广泛运用的MVVM框架，之前我也没有在这方面有很多了解，最近在做项目的过程中接触了
Byronic·2017-03-20 09:35

Angular.js 学习资源集锦

AngularLearningAngular.js的一些学习资源基础官方：http://docs.angularjs.organgularjs官方网站无法访问的，可移步http://www.ngnice.com
渴望硕壮的成熟·2017-03-19 15:05

踩坑了，当前目录问题

vscode的angularjs2.0项目，编译后有警告:-----------------------------------------------------------------------WARNINGin
heguo·2017-03-18 14:00

webpack + angularjs 的开发环境配置

原料平台：windows，命令行gitbash工具工具：npmwebpackless,less-loader,css-loader,style-loaderui-router,oclazyload安装插件1、安装npm工具对插件进行管理windows中，需要下载nodejs,nodejs中自带npm，所以安装好nodejs后，npm就安装完毕2、安装webpack并初始化进入gitbashcd/d
bobo_lee·2017-03-17 17:04

AngularJS路由切换实现方法分析

本文实例讲述了AngularJS路由切换实现方法。
lemon678·2017-03-17 11:33

AngularJS中$http使用的简单介绍

在AngularJS中主要使用$http服务与远程http服务器交互，其作用类似于jquery中的$.ajax服务：$http是AngularJS的一个核心服务，利用浏览器的xmlhttprequest
EldonZhao·2017-03-17 09:18

angularJS之$http：与服务器交互示例

在angularJS中与远程HTTP服务器交互时会用一个非常关键的服务-$http。
小沈_syt·2017-03-17 09:36

AngularJS 1，AngularJS 2,Vue 1 ,Vue 2, React之间的区别和优劣势比较

Angluarjs1的优势：1，框架思路清晰2，组件完善3，有前辈指导，开发经验完善Angluarjs1的劣势：1，致命劣势：官方已经不在维护该框架，未来组件将不会得到更新，时间就了就会被淘汰2，与最新的angular2相比，完全不一样，与以后的版本脱离，很难升级Angluarjs2的优势：1，框架思路相比较angular1更加清晰2，以typescript（es6封装）开发，开发更加轻松3，真正
JustForZR·2017-03-16 20:18

AngularJS指令封装高德地图组件

阅读更多1概述公司移动门户原来是基于AngularJS指令封装的百度地图组件，用于签到、签退、定位等功能，在使用过程中发现百度地图频繁的弹出广告，所以打算重新引用其它地图组件，最后决定基于AngularJS
agileai·2017-03-16 17:00

Angular使用$http.jsonp发送跨站请求的方法

2.AngularJSv1.6.1中，url中不能包含callback这个参数，而是用jso
liangzi4000·2017-03-16 14:38

20.实现AngularJS渲染完毕后执行脚本

20.实现AngularJS渲染完毕后执行脚本目前要实现这样一个功能：使用bootstrap-select和AngularJS实现动态下拉表单。
农场主的鸡·2017-03-15 13:10

AngularJS加载完成之后触发事件

@{Layout=null;}Indexvarapp=angular.module("my_app",[]);app.controller('my_controller',function($scope){$scope.students=[{id:1,name:'张一'},{id:2,name:'李二'},{id:3,name:'王三'},{id:4,name:'马四'},{id:5,name:'
曹振华·2017-03-15 09:41

AngularJS controller调用factory

1、定义factory.js文件varappFactorys=angular.module('starter.factorys',[])appFactorys.factory('HouseFactory',function(){varhouseList=[{id:0,title:'急售北二环小区配套齐全精装修',price:'88.0',describe:'2室1厅120平米',img:'img/
KingCruel·2017-03-14 14:46

AngularJS实现页面定时刷新

有时我们在前端可能会有这样的需求：1、每隔一段时间刷新一下页面中的数据2、根据需要可以暂停和启用刷新接下来我们就来看下AngularJS的实现方法：首先我们了解到AngularJS中$interval可以用来处理间歇性处理一些事情
wzl19870309·2017-03-14 08:00

AngularJS 2 Provider

依赖注入(DI)是Angular2的核心，在深入了解DI的工作原理之前，我们必须先搞清楚Provider的概念。在Angular2中我们使用Provider来描述与Token关联的依赖对象的创建方式。Angular2中依赖对象的创建方式有四种，它们分别是：useClassuseValueuseExistinguseFactoryuseClass@Injectable()export class A
semlinker·2017-03-13 14:32

AngularJS 依赖注入

什么是依赖注入wiki上的解释是：依赖注入（DependencyInjection，简称DI）是一种软件设计模式，在这种模式下，一个或更多的依赖（或服务）被注入（或者通过引用传递）到一个独立的对象（或客户端）中，然后成为了该客户端状态的一部分。该模式分离了客户端依赖本身行为的创建，这使得程序设计变得松耦合，并遵循了依赖反转和单一职责原则。与服务定位器模式形成直接对比的是，它允许客户端了解客户端如何
琅琊山二当家·2017-03-12 22:00
上一页 116 117 118 119 120 121 122 123 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他