【Angular.js】

使用asp.net mvc部分视图渲染html

前端渲染使用前端模版引擎或MVC框架，例如underscore.js的template或者是使用angular.js等框架，当然也可以不用任何框架自己拼接html。            
xmgdc·2017-07-03 14:46

React利用插件和不用插件实现双向绑定的方法详解

前言以前对于双向绑定概念来自于Angular.js，现在我用我感兴趣的react.js来实现这样的方式。有2种方式分析，1：不用插件，2：用插件（引入react.js操作省略。。。）
前端艺术者·2017-07-03 11:54

利用Vue.js实现求职在线之职位查询功能

相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。
明眸在心丶·2017-07-03 09:57

将angular.js项目整合到.net mvc中的方法详解

前言之前的开发选择的是完全舍弃服务端，仅保留最简单web服务器提供angular经打包的静态资源，此外所有的业务与数据请求都访问一个分离的WebApi来实现。不过最近碰到一个需求，有必要使用多个客户端，而各客户端本身都是webpack打包出来的js而已，没必要每个客户端都自己建一个站点，这就有必要搭建一个服务端，根据参数动态渲染不同客户端的脚本来服务多个客户端了。主要需要解决两个问题，一是防止前后
Yitim·2017-06-29 08:45

angular.js 使用(一)

1.ng-bind-html可以加载一段html代码进div或者其他标签,比如:2.ng-switch指令根据表达式显示或隐藏对应的部分。对应的子元素使用ng-switch-when指令，如果匹配选中选择显示，其他为匹配的则移除。你可以通过使用ng-switch-default指令设置默认选项，如果都没有匹配的情况，默认选项会显示。3.$timeout$timeout指令对window.setTi
贝灬小晖·2017-06-27 14:34

Angular.JS中指令ng-if的注意事项小结

前言ng-if指令可以根据表达式的值true/false在DOM中真正生成或真正移除一个元素。如果赋值给ng-if的表达式的值是false，那对应的元素将会从DOM中移除，否则对应元素的一个克隆将被重新插入DOM中。ng-if同ng-show和ng-hide指令最本质的区别是，它不是通过CSS显示或隐藏DOM节点，而是真正生成或移除节点。当一个元素被ng-if从DOM中移除，同它关联的作用域也会被
灰太大·2017-06-21 09:41

Angular.JS中select下拉框设置value的方法

前言本文主要给大家介绍的是关于Angular.JS中select下拉框设置value的相关内容，非常出来供大家参考学习，下面来一起看看详细的介绍：最近在系统中增加一个查询的筛选条件，通过下拉框选取，用的是
实习小编嘿·2017-06-20 09:32

Angular.js中下拉框实现渲染html的方法

前言大家都知道angualrjs处于安全的考虑，插值指令会对相应字符串进行过滤，避免出现html攻击。但是在一些时候，我们需要渲染html，比如实现一个分级的下拉框代码如下：varapp=angular.module("app",[]);app.controller("controller",["$scope",function($scope){vartestList=[{id:0,text:" 
大朋展翅·2017-06-18 14:19

angularjs之$timeout指令详解

angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行
流浪猫の窝·2017-06-13 11:16

详解vue.js 开发环境搭建最简单攻略

做为一名学习路上的小白，起初就对vue.js有着莫名的好感，知道vue.js也能实现angular.js的双向绑定等一些功能后，妥妥的先把angular.js和node.js丢到后面再去学,看了看vue
Agrass啊草·2017-06-12 10:43

Ionic + Angular.js实现验证码倒计时功能的方法

前言之前跟大家分享了关于Android原生实现验证码倒计时，地址是这里，现在公司使用Ionic开发的App也要实现类似的功能，现在也记录下来，供大家参考：效果图：正文首先介绍下与本文相关的概念$interval$interval是window.setInterval的Angular包装形式，函数如果在没有被取消的时候会无限执行。（取消使用cancel(promise)）用法：$interval(f
SmartSean·2017-06-12 10:11

python和js

JS基础原生JSES5=》浏览器通用的js版本ES6===Babel===》ES5JS库和框架x.js，比如：Angular.js，Vue.js，React.js，Backbone.jsJQueryJS
GeekLeee·2017-06-04 17:10

深入理解Angular.JS中的Scope继承

前言AngularJS中scope之间的继承关系使用JavaScript的原型继承方式实现。本文结合AngularJSScope的实现以及相关资料谈谈原型继承机制。下面来看看详细的介绍：基本原理在JavaScript中，每创建一个构造函数（constructor），就会同时给该函数生成一个指向原型对象的属性prototype。每个原型对象又获得一个constructor属性指向相应的构造函数，原型
CraftsCoder·2017-06-04 14:30

Vue响应式原理

实现数据绑定的做法大致如下几种:发布者-订阅者模式(backbone.js)脏值检查(angular.js)数据劫持(vue.js)发布者-订阅者模式:一般通过sub,pub的方式
Picidae·2017-06-01 17:09

物联网浪潮之下，前端工程师如何迎刃而上？

经历了过去几年的发展，Node.js、Angular.js、Vue.js等前端主流技术框架填补了原有技术的空白与不足，日渐趋于成熟。
tangxiaoyin·2017-05-31 16:00

物联网浪潮之下，前端工程师如何迎刃而上？

经历了过去几年的发展，Node.js、Angular.js、Vue.js等前端主流技术框架填补了原有技术的空白与不足，日渐趋于成熟。
机智的小米米·2017-05-30 06:53

Angular.js实现动态加载组件详解

前言有时候需要根据URL来渲染不同组件，我所指的是在同一个URL地址中根据参数的变化显示不同的组件；这是利用Angular动态加载组件完成的，同时也会设法让这部分动态组件也支持AOT。动态加载组件下面以一个Step组件为示例，完成一个3个步骤的示例展示，并且可以通过URLuser?step=step-one的变化显示第N个步骤的内容。1、resolveComponentFactory首先，还是需要
cipchk·2017-05-28 14:51

利用Angular.js编写公共提示模块的方法教程

前言在编写一些大型工程的时候，会经常遇到一些公用提示，使用框架自带很多时候不方便，于是我手写了一个，下面来看看详细的介绍：效果图如下方法如下一、先在angular中注册一个模块二、注册一个模块注入依赖三、返回不同的方法应对不同情况四、获取模板路径五、编写模板内容和普通的页面一样调用使用angular服务六、1.开启http服务获取模板内容2.重点注意$template=$compile(templ
zcty0701·2017-05-28 12:31

饿了吗开源组件库Element模拟购物车系统

传统的用html+jquery来实现购物车系统要非常的复杂，但是购物车系统完全是一个数据驱动的系统，因此采用诸如Vue.js、angular.js这些框架要简单的多。
乖乖果效36·2017-05-27 16:07

Angular.js指令学习中一些重要属性的用法教程

Angular指令定义一个指令的方法非常简单，只需要调用`directive`方法即可:varapp=angular.module('myapp',[]);app.directive(name,fn)1.基础指令varapp=angular.module('myapp',[]);app.run(function($templateCache){$templateCache.put('cache',
Quiet-Night·2017-05-24 10:30

angular.js指令中transclude选项及ng-transclude指令详解

前言在开始本文之前，首先要说明我们使用的angular的版本是1.5.0，因为不同版本的表现结果不是那么相同。首先我们应该了解到，在angular指令的选项中，有一项是transclude，这个选项有三种值：false，true，object；那这三种值分别表示什么，该如何选择？下面我们来详细的说明一下。transclude字面意思就是嵌入，也就是说你需不需要将你的指令内部的元素（注意不是指令的模
dreamapplehappy·2017-05-24 10:46

Ionic + Angular.js实现图片轮播的方法示例

本文主要给大家介绍了关于Ionic+Angular实现图片轮播的相关资料，分享出来供大家参考学习，需要的朋友们下面来一起看看吧。先来看看实现的效果图：方法示例：template文件夹新建slider.htmlBLUEYELLOWPINKstyle.css.slider-box{height:300px;}.slider-box.box{width:100%;height:100%;}.yellow
lakerHQ·2017-05-21 15:29

详解Windows下安装Nodejs步骤

二是使用过Angular.js，感觉对开发人员要求较高，上手难度较大，而Vue.js在这方面有优势。这里记录下Vue.js开发环境Nodejs在Windows下的安装和配置。
MikeXu·2017-05-18 14:11

Angular.JS中的this指向详解

【this详解】1、谁最终调用函数，this指向谁。①this指向的，永远只可能是对象！！！！！！②this指向谁，永远不取决于this写在哪！！而是取决于函数在哪调用。③this指向的对象，我们称之为函数的上下文context，也叫函数的调用者2、※※※※※this指向的规律(与函数调用的方式息息相关)：this指向的情况，取决于函数调用的方式有哪些：①通过函数名()直接调用：this指向win
L茨木·2017-05-17 14:21

angular.js 路由及页面传参与缓存

http://blog.csdn.net/u013378306/article/details/53021565http://blog.csdn.net/WenJimmy/article/details/51027952http://www.cnblogs.com/s-quan/p/6005020.htmlangular实现页面跳转，并且刷新页面（重新请求后台接口）1、在controller中注入
小学生999·2017-05-11 15:34

Angular.js复习笔记1

《复习笔记》一、ajaxajax：无刷新从服务器取数据；缓存：浏览器针对同一个网址只会访问一次ajax防止缓存方法：添加随机数【随机因子】ajax注意：文件编码格式要保持一直从后台取数据传过来的都是字符串ajax：不允许跨域取数据创建post请求：oAjax.open('post',url,true);oAjax.setRequestHeader('Content-type','Applicati
15235736666·2017-05-11 09:07

angular.js指令中的controller、compile与link函数的不同之处

前言算了算用angualrjs去做开发也有两个月了，但做为一个菜鸟，难免会被大神吊打(这里有一个悲伤的故事...)。某天一位前端大神问我：你知道angular指令中的controller,compile,link函数有什么不同？然后我就一脸懵逼了....于是决定深入的去探究下。今天我们来一起了解一下它们有什么不同的地方:先看一段示例代码varag=angular.module("myApp",[]
RuGuo_09·2017-05-10 11:54

Angular.JS通过指令操作DOM的方法

在指令而非在控制器中操作DOM相信大家在页面处理中，难免会遇到操作DOM的情况，在AngularJS中，对DOM的操作是在指令而非控制器中完成的。AngularJS强调隔离的思想：把复杂的逻辑和操作放在指令或服务中，控制器作为视图和$scope之间的桥梁，仅仅用来存储数据模型。jqLite为了便于DOM操作，AngularJS内部封装了angular.element，如果现有项目中已经引入的jQu
刘小光·2017-05-10 09:42

Angular.JS中指令的命名规则详解

命名规范同一个AngularJS指令，在js文件和html文件中有着不同的命名规范：在js文件中使用标准的小驼峰命名法，在html文件中使用“小写字母+连接符”的命名法。如下表所示在js文件中在html文件中ngAppng-appmyDirectivemy-directive处理机制AngularJS之所以选择这样的命名方式，是因为html文件不区分大小写，而js文件则对大小写敏感（myDir和m
刘小光·2017-05-10 09:49

Angular.Js中过滤器filter与自定义过滤器filter实例详解

本文主要给大家介绍了Angular.Js过滤器filter与自定义过滤器filter的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、AngularJS的filter过滤器：uppercase
bboyjoe·2017-05-08 09:52

Angular.JS内置服务$http对数据库的增删改使用教程

本文主要介绍的是Angular.JS内置服务$http对数据库的增删改操作的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、使用$http查询MySQL数据angular.module('app
u013063153·2017-05-07 14:09

Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程

前言最近在做一个项目改版，第一次在项目中真正使用Angular,和平时自己写写小demo,做做练习的感觉还是非常不同的，感觉非常的新鲜。有几个指令是经常用到的，这里由于这几个有点共性，所以一起介绍一下ng-if,ng-show/ng-hide,ng-switch这几个指令。下面来看看详细的介绍：共性1.这里个指令都是Angular框架提供给我们的设置页面内容显示和隐藏的方法，使用起来非常方便，尤其
StrongerSY·2017-05-07 11:04

Angular.Js中ng-include指令的使用与实现

前言大家如果想在angularjs动态加载一个内容，那我们就可以使用ng-include来实现。今天Insus.NET就在ASP.NETMVC环境中，举个例子来演示它的功能。示例介绍你可以在一个视图动态加载任一其它视图。如果你的动态内容有很多部件，你得需要在控制器创建相应的Action操作，如使用部分Partialview就不必创建相对应的Action。因此这是Insus.NET所喜欢的。另外，我
杨明波·2017-05-07 10:17

Angular.js中ng-include用法及多标签页面的实现方式详解

前言大家在平时的项目开发中，应该会经常遇到上图所示的需求，就是在一个页面中有多个标签，被选中的标签颜色会高亮显示，切换不同标签显示相应的不同内容。如果内容代码过多则写在同一个html文件就会显得特别乱，所以这里我们最好把页面代码分开单独管理，controller也可以分开来管理，这样就会显得清楚的多。这里就要使用到Angularjs中个ng-include指令。下面来看看详细的介绍：一、多标签的编
Simon_ITer·2017-05-07 10:36

AngularJS系列——对象详解

1.angular对象*由angular.js提供的全局变量*方法:*module(name,[]):创建模型对象*bootstrap(document,[name]):编码启动angular,代替ng-app
yingzizizizizizzz·2017-04-30 18:30

vue.js 嵌套循环、if判断、动态删除

相比于Angular.js，Vue.js提供了更加简洁、更易于理解的APIapp.htmlvuejs嵌套循环、if判断[v-cloak]{display:none}id姓名手机号城市通过审核我的学生操作
爱代码也爱生活·2017-04-28 17:00

Angular.Js之Scope作用域的学习教程

scope是什么？大家都知道在AngularJS中作用域是一个指向应用模型的对象，它是表达式的执行环境。作用域有层次结构，这个层次和相应的DOM几乎是一样的。作用域能监控表达式和传递事件。在HTML代码中，一旦一个ng-app指令被定义，那么一个作用域就产生了，由ng-app所生成的作用域比较特殊，它是一个根作用域（$rootScope），它是其他所有$Scope的最顶层。除了用ng-app指令可
webNick·2017-04-27 16:54

Angular.js中定时器循环的3种方法总结

本文主要设计定时器的三种循环，模板自配，下面分享给大家供大家参考，具体如下：1、$interlval实现，比较简单和原生js的setInterval比较相似varapp=angular.module('myApp',[]);app.run(function($rootScope,$interval){varimg=["http://hdn.xnimg.cn/photos/hdn321/201306
fjj1084650208·2017-04-27 10:20

Angular.js 4.x中表单Template-Driven Forms详解

Angular4.x中有两种表单：Template-DrivenForms-模板驱动式表单(类似于Angular1.x中的表单)ReactiveForms-响应式表单本文主要介绍Template-DrivenForms(模板驱动式表单)，将涉及ngForm、ngModel、ngModelGroup、表单提交事件、表单验证和异常信息输出等内容。ContentsngModuleandtemplate-
semlinker·2017-04-25 14:09

Angular.js中控制器之间的传值详解

前言每个controller都会有自己的scope，所有的scope都是属于$rootScope的子或者子的子...那么问题就好解决了，通过$rootScope.$broadcast广播的事件每个controller都能收到事件另外，我的经验是，尽量不要用event传数据。应该建立一个service来保存数据，并且设置相应getter/setter，具体如下：每个controller依赖servi
quan134·2017-04-24 11:19

Vue.js

相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API，使得大家能够快速地上手并使用。
海绵蛋壳·2017-04-22 19:12

Angularjs根据json文件动态生成路由状态的实现方法

项目上有一个新需求，就是需要根据json文件动态生成路由状态，查阅了一下资料，现在总结一下发出来：首先项目用到的是angular的UI-路由，所以必须引入angular.js和angular-ui-router.js
王小伞·2017-04-17 17:43

html、css、js、jquery之间的关系

以上信息来自人人网http://www.renren.io/在人人网看到这些定义以后豁然开朗，在被各种前端的新词打蒙之后，不得不去捋一捋关系什么Node.js、vue.js、angular.js等等等等
dawenxicsdn·2017-04-10 08:17

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

一、angular根据环境配置禁用调试：//Disabledebugdataforproductionenvironment//@linkhttps://docs.angularjs.org/guide/production$compileProvider.debugInfoEnabled(app.applicationEnvironment!=='production');$logProvide
多客博图·2017-03-31 11:42

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

本文目录URL的#号问题找到错误原因静态网站的解决方案动态网站的解决方案一、URL的#号问题使用AngularJS的朋友都应该了解，AngularJS框架定义了自己的前端路由控制器，通过不同URL实现单面(ng-app)对视图(ng-view)的部署刷新，并支持HTML5的历史记录功能，详细介绍可以参考文章：AngularJS路由和模板。对于默认的情况，是不启动HTML5模式的，URL中会包括一个
Conan·2017-03-30 11:11

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

angularJS在进行数据绑定时默认是以字符串的形式数据，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止html标签的注入攻击，但有时候需要，特别是从数据库读取带格式的文本时，无法正常的显示在页面中。而要对html进行转义，则需要在数据绑定的html标签中使用ng-bind-html属性，该属性依赖与$sanitize，也就是需要引入angular-sanitize.j
我要成为酷酷的人·2017-03-30 11:52

Angular.js去除页面中显示的空行方法示例

一、前提在开始本文之前先设定，从server取下来的内容是一个html格式的内容，那么如下显示：二、过滤器现在要做的事情就是做一个过滤器就好了，让他来去掉content里面的空行angular.module('articles').filter('ArticlesTrim',ArticlesTrim)ArticlesTrim.$inject=[];functionArticlesTrim(){re
多客博图·2017-03-30 11:11

Angular.JS中的指令引用template与指令当做属性详解

一、引用template对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。指令要生效，那么html头里面要制定ng-app的值和定义指令的module名字一致：angular.module('app',[])指令的完整参数：angular.module('myApp',[]).directive('myDirective',function(){return{
多客博图·2017-03-30 11:03

Vue.js 60分钟快速入门教程

相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。
莫笑我胡为·2017-03-28 10:58

Angular.js 学习资源集锦

AngularLearningAngular.js的一些学习资源基础官方：http://docs.angularjs.organgularjs官方网站无法访问的，可移步http://www.ngnice.com/；官方zip下载包http://www.h5con.cn/dolymood/angular-packages，已增加docs服务，输入地址即可，例如：http://blog.aijc.ne
渴望硕壮的成熟·2017-03-19 15:05
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他