博客首页 → AngularJS

最新文章列表

ng指令中controller与link的区别

一.指令中controller与link的区别 　　我们都知道在ng的指令中，返回的对象中有两个重要的属性： // link function { link: function(scope, iElem, iAttrs, ctrl) { ... }, controller: function($scope, $element, $attrs) { ... } } 　　 ...
AngularJScontrollerlink 
bijian1013 评论(0) 有1004人浏览 2017-09-20 00:54

[置顶] AngularJS实战之路由ui-sref-active使用

当我们使用angularjs的路由时，时常会出现一个需求，当选中菜单时把当前菜单的样式设置为选中状态(多数就是改变颜色) 接下来就看看Angular-UI-Router里的指令ui-sref-active 的使用 其意思就是查看当前激活状态并设置 Class 代码： <!DOCTYPE html> <html ng-app="app"> <he ...
htmlcssangularjsJavaScript 
柳絮飞祭奠 评论(0) 有1276人浏览 2017-09-11 20:42

AngularJS 之 Factory vs Service vs Provider

　　当你初试 Angular 时，很自然地就会往 controller 和 scope 里堆满不必要的逻辑。一定要早点意识到，controller 这一层应该很薄；也就是说，应用里大部分的业务逻辑和持久化数据都应该放在 service 里。我每天都会在 Stack Overflow 上看到几个同类的问题，关于如何在 controller 里保存持久化数据。这就不是 controller 该干的事 ...
AngularJSFactoryServiceProvider 
bijian1013 评论(0) 有1012人浏览 2017-09-10 14:53

AngularJS内幕详解之Directive

　　在这系列的上一篇文章，我讨论了scope事件以及digest循环的行为。这一次，我将谈论指令。这篇文章包括 独立的scope，内嵌，link函数，编译器，指令控制器等等。 　　如果这个图表看起来非常的费解，那么这篇文章很适合你。 　　声明: 这篇文字是基于 AngularJS v1.3.0 tree.   一.到底什么是指令(directive)？ 　　AngularJS中，指 ...
AngularJSDirective 
bijian1013 评论(0) 有1036人浏览 2017-09-10 14:43

AngularJS内幕详解之Scope

　　在AngularJS的代码库中呈现出了大量有趣的设计，最有趣的两个例子是scope的工作方式和directives(指令)的表现。 　　有的人第一次接触AngularJS时就被 ...
AngularJSscope 
bijian1013 评论(0) 有746人浏览 2017-09-10 14:37

AngularJS表单验证

一.常用的表单验证指令 <div class="col-md-6"> <form role="form" class="form-horizontal"> <div class="form-group"> ...
AngularJS表单验证 
bijian1013 评论(0) 有584人浏览 2017-09-09 09:37

AngularJS——简单表单验证

　　客户端表单验证是AngularJS里面最酷的功能之一，AngularJS表单验证可以让你从一开始就写出一个具有交互性和可相应的现代HTML5表单。 　　在AngularJS中，有许多表单验证指令。在这里，我们将谈谈几个最流行指令，然后我们将讨论如何编写自定义的验证。 <form name="form"> <label name="ema ...
AngularJS表单验证 
bijian1013 评论(0) 有1784人浏览 2017-09-09 09:24

AngularJs表单校验实例

app.html <!DOCTYPE html> <html ng-app="angularFormCheckModule"> <head> <meta charset="UTF-8"> <title>angular表单校验</title&g ...
AngularJS表单form 
bijian1013 评论(0) 有983人浏览 2017-09-09 09:09

基于AngularJs + Bootstrap + AngularStrap 省市区联动实践

test.html <!DOCTYPE html> <html lang="zh-CN" ng-app="App"> <head> <meta charset="UTF-8"> <title>前端研究</title> ...
AngularJS地区选择联动 
bijian1013 评论(0) 有876人浏览 2017-09-09 09:02

Angularjs自定义指令实现三级联动选择地理位置

　　这篇文章主要介绍了Angularjs自定义指令实现三级联动，选择地理位置，以便以后工作需要可以参考。 　　Angularjs自定义指令实现三级联动效果图： <html lang="zh-CN" ng-app="myApp"> <head> <meta charset="utf-8"> ...
AngularJS地区选择 
bijian1013 评论(0) 有1745人浏览 2017-09-09 08:16

单页面webApp和路由(ng-route)

　　路由($route)这个东西(也许可以加上$location)可以说是ng最重要的东西了，因为angular目前最重要的作用就是做单页面webApp，而路由这个东西是能做到页面跳转的关键。 一.单页面webApp 　　为什么叫单页面webApp？因为它是单页面的。额，关键在于我们看到的不少webApp是多页面的啊，可以从一页跳到另一页。嗯，看起来是这样，不过实际上这几页实际还是一个页面，因 ...
AngularJSwebApproute 
bijian1013 评论(0) 有1267人浏览 2017-09-07 00:36

angular中的路由简单使用

　　在单页面应用程序中比如angular应用，我们需要根据url的变化(即：不同的请求)，来分配不同的资源。根据请求的URL来决定执行哪个模块，这个过程叫路由，同时，我们需要设计路由规则。 　　下面给出一个简单的小demo： <!DOCTYPE html> <html> <head> <meta charset=" ...
AngularJSroute 
bijian1013 评论(0) 有1265人浏览 2017-09-07 00:30

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

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

深究AngularJS——监听模型$watch

一.前言 　　1.$watch是scope内置的函数，它的作用是用来监听数据的变化。  　　2.$watch可监听哪些数据？  　　单个对象的属性  　　需要计算的结果（函数）  　　3. 语法: $scope.$watch(F,M,B);   二.对$watch参数的了解 　　F：要监听的数据（表达式或函数的字符串），主要是监听这些数据改变没有。它会返回被监听数据的当前值。 　 ...
AngularJS$watch 
bijian1013 评论(0) 有1527人浏览 2017-09-07 00:19

angular中的异常机制与异常之外的处理

　　在查阅angularjs的官方文档发现：文档中提到了throw异常 angular.module('exceptionOverride', []).factory('$exceptionHandler', function() { return function(exception, cause) { exception.message += ' (caused by &q ...
AngularJS异常处理 
bijian1013 评论(0) 有1156人浏览 2017-09-07 00:05

理解$watch ，$apply 和 $digest --- 理解数据绑定过程

　　Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：　 　　$watch,$apply,$digest,dirty-checking... 它们是什么？它们是如何工作的呢？这里我想回答这些问题，其实它们在官方的文档里都已经回答了，但是我还是想把它们结合在一起来讲，但是我只是用一种简单的方法来讲解，如果要想了解技术细节，查看源代码。   一.浏览器事件循环和Ang ...
AngularJS$watch$apply$digest 
bijian1013 评论(0) 有996人浏览 2017-09-05 00:22

AngularJS单选、复选框

　　在项目开发中，有应用到单选、复选框，对于Angular来讲，其实有很多实现方法。如下应用实例： 一.AngularJS radio单选实例 　　在页面上有几个项目名称，每个名称前面都有一个checkbox，如果打上勾，则表示这个项目已经完成，如果没有打钩，则表示未完成。 　　然后在下方设置一个输入框，用来输入新增加项目的名称，再下边是两个radio按钮，只能选择一个，用来选择新增肌的项 ...
AngularJSradio 
bijian1013 评论(0) 有3381人浏览 2017-09-04 21:59

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics