angularjs
关注
分享
扫一扫
tongwandouQX
想法、意识远比技术本身更有传授的价值！ 多积累,肯动脑子,肯动手敲代码，多学习,提升自己的能力和对编程思想的理解能力才是最关键!
展开
-
AngularJs(六) --指令（二）-- 样式相关指令及DOM操作相关指令
样式相关指令ng-class通过指令的方式设置class样式。有三种方法： 1. 通过$scope绑定（不推荐） <div class="{{className}}"></div> function ctrl($scope) { $scope.className = "selected"; } 2. 通过对象数组绑定 ...原创 2017-12-20 18:17:04 · 269 阅读 · 0 评论 -
AngularJs(十一)--服务（二）$anchorScroll/$cacheFactory/$interpolate服务
angularJs的服务anchorScroll锚点跳转服务。 锚点跳转：在html中，指定锚点，页面跳转到相应位置。 在angularJs中提供这种锚点跳转的服务，直接通过这样的方法就能实现锚点跳转。&amp;amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp原创 2018-06-23 19:19:54 · 421 阅读 · 0 评论 -
angularJs的一次性数据绑定：双冒号::
AngularJS 1.3版本正式发布，其中添加了很多的性特性，同时也对之前的一些bug做了修复，最重要的是其中包含一些突破性的变化。其中最重要的一项就是添加了一次性数据绑定。等等，一次性数据绑定？这听起来似乎和AngularJS一直宣扬的双向数据绑定思想完全背离了吗？当然，AngularJS的双向数据绑定一直是AngularJS最重要的特性之一。然而，为了实现双向数据绑定，AngularJS需要...转载 2018-04-17 10:48:56 · 2319 阅读 · 0 评论 -
AngularJs(十一)--服务-- $http/$location/$q服务
回顾回顾之前学过的服务： - scope−scope - watch - apply−apply - rootScope - timeout−timeout - interval - $filter$http服务与原生JS中的Ajax作用非常类似； 已经帮我们封装好了很多方法，特别类似jQuery中的ajax方法。ngHttp.html:&lt;pre&gt; &lt;!原创 2018-04-16 18:00:18 · 329 阅读 · 0 评论 -
AngularJs(十)--自定义指令(四)自定义指令间的互相交互
本节将介绍自定义指令中更高级的配置项。transclude配置项如果在操作自定义指令时，存在嵌套结构或者嵌套的自定义指令，会出现一些意想不到的问题。transclude配置项，字面意思就是嵌入，默认为false； 将transclude设为true时，需要与ng-transclude配合使用实现指令嵌套指令：<pre> <!DOCTYPE htm...原创 2018-03-27 17:02:09 · 488 阅读 · 0 评论 -
AngularJs(九)--指令（五）---自定义指令（二）
scope选项<pre> <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #div1 div{ width:原创 2018-03-14 14:33:25 · 372 阅读 · 0 评论 -
AngularJs(九)--自定义指令(三)及选项卡实例和拖拽实例
link选项在自定义指令当中是用来进行DOM操作的。 接收四个参数:(1)scope自定义指令的作用域(2)element每一个自定义指令模板的最外层（父层）的元素(3)attr当前标签上的属性<pre> m1.directive("myTab",function(){ return{ res...原创 2018-03-23 16:12:08 · 857 阅读 · 0 评论 -
AngularJs(七)--指令（三）--标签指令及表单验证
标签指令对html原有的标签进行构建而产生新的功能的一种标签。 标签指令多用于在表单验证中。1. a标签指令会阻止a标签的默认行为–>刷新页面。 <pre> <div ng-controller="Aaa"> <!--写在ng-controller作用域范围内的a标签，就是a标签指令--> ...原创 2017-12-21 18:01:20 · 474 阅读 · 0 评论 -
AngularJs(四)--过滤器& $apply & $run
$scope–局部作用域scope.scope.watch –监听数据变化（前文讲过）scope.scope.apply 在前文讲到，要实现数据变化，视图也能自动跟着变化需求。在原生JS的setTimeout方法中直接修改scope.name，运行后该属性等到规定时间时，不会被改变。解决方案有两种：(1)直接使用angularJs提供的scope.name，运行后该属性等到规定时间时，不会被改原创 2017-12-15 16:55:49 · 389 阅读 · 0 评论 -
AngularJs(八)--指令（四）---自定义指令（一）
一、结构angular.module - controller / run - filter / directive 自定义指令与自定义过滤器是非常类似的。app.directive()：接收两个参数： (1)自定义指令的名称; (2)自定义指令的回调处理函数。与自定义filter类似。二、配置选项1. restrict：指定当前指令的类型。有四种...原创 2017-12-27 18:20:10 · 386 阅读 · 0 评论 -
AngularJS(一)
下载基本概念原创 2017-12-13 14:43:49 · 206 阅读 · 0 评论 -
angularJs(三)--angularJs的模块化和工具方法
angularJs的模块化1.模块化的好处是： (1)减少变量之间的污染 (2)可以实现模块之间的相互依赖2.angularJs的模块化的实现： (1)angular.module("app",[])，该方法接收两个参数：第一个参数是模块化的名字；第二个参数是数组类型，存放要依赖的模块。如果需要依赖任何模块，直接写一个空数组就行。 (2)在此之后需为页面中的”ng-app”指定初始化模原创 2017-12-14 18:06:11 · 1210 阅读 · 0 评论 -
AngularJS(二)
解决“Error: [$controller:ctrlreg]”报错问题当前使用的nagular版本是1.6.0<pre> <!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>Title</title> <script src=原创 2017-12-13 14:48:27 · 414 阅读 · 0 评论 -
angularJs(五)--指令（一）
ng-redOnly readOnly与disabled的区别： readOnly只能用于输入框（text、textarea）,对于按钮是不起作用的; 输入框设置了reaOnly属性还是可以提交，但是设置了disabled属性就不可以。ng-checked 用于checkboxng-value 针对表单控件的value <input type="text" ng-value="val"原创 2017-12-19 00:00:42 · 360 阅读 · 0 评论 -
$parse、$eval及$compile服务详解及案例
在angular的服务中，有一些服务你不得不去了解，因为他可以说是ng的核心，而今天，我要介绍的就是ng的两个核心服务，$parse和$compile。其实这两个服务讲的人已经很多了，但是100个读者就有100个哈姆雷特，我在这里讲讲自己对于他们两个服务的理解。$parse和 $eval 大家可能会疑问，$eval呢，其实他并不是一个服务，他是scope里面的一个方法，并不能算服务，而...转载 2018-08-02 18:07:55 · 388 阅读 · 0 评论