-
Angular2入门——(3)模板的逻辑控制
所属栏目：[安全] 日期：2020-12-17 热度：122
使用条件逻辑 有时我们需要模板的一部分内容在 满足一定条件 时才显示，比如右边示例中的 EzReader 组件， 对于试用用户，它将在正文之上额外显示一个广告： 这是指令 NgIf 发挥作用的场景，它评估属性 ngIf 的值是否为真，来决定是否渲染 template 元素的内[详细]
-
AngularJS（4）——ionic框架下实现 Localstorage本地存储
所属栏目：[安全] 日期：2020-12-17 热度：150
前言： 我们前台用的是ionic+angularjs，做的是混合模式移动应用。最近有一个需求是，我在页面A上面滑动的时候，跳入页面B，页面B需要加载页面A的数据，这样的页面传值如何实现呢？那就需要用到LocalStorage本地存储了。 Ionic Ionic是目前最有潜力的一款HTM[详细]
-
AngularJS 使用绑定和模板指令
所属栏目：[安全] 日期：2020-12-17 热度：126
学习要点： 数据绑定 单向绑定 内联模块表达式 {{data}} ng-bind指令 模板绑定 ng-bind-template 阻止绑定 双向绑定 模板指令 重复生成元素 ng-repeat 重复操作对象属性 使用数据对象的键值进行工作 使用内置变量工作 重复生成多个顶层元素 局部视图 ng-incl[详细]
-
AngularJS 使用元素与事件指令
所属栏目：[安全] 日期：2020-12-17 热度：107
学习要点： 使用元素指令 显示、隐藏和移除元素 管理类和CSS 处理事件 管理特殊属性 背景代码 !DOCTYPE !-- use module -- html ng-app = "exampleApp" head title Angular Directive / title meta charset = "utf-8" / link rel = "stylesheet" type = "tex[详细]
-
angularjs 日志
所属栏目：[安全] 日期：2020-12-17 热度：68
angularjs 待续，文章整理中 后续这里为目录[详细]
-
angularjs常用的表单验证指令
所属栏目：[安全] 日期：2020-12-17 热度：196
常用的表单验证指令 1. 必填项验证 某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可： input type = "text" required / 2. 最小长度 验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng= “{number}”： in[详细]
-
AngularJS中的依赖注入
所属栏目：[安全] 日期：2020-12-17 热度：193
理解AngularJS中的依赖注入 作者： 张小俊128 最后编辑：2014年11月08日 理解AngularJS中的依赖注入 AngularJS中的依赖注入非常的有用，它同时也是我们能够轻松对组件进行测试的关键所在。在本文中我们将会解释AngularJS依赖注入系统是如何运行的。 Provider[详细]
-
angularJS遇到的的坑
所属栏目：[安全] 日期：2020-12-17 热度：162
AngularJS要求Directive的命名规则： 在HTML代码中，使用的是连接符的形式 在JS代码中，使用的是驼峰的形式 原因 ： 因为HTML对大小写不敏感，而JavaScript对大小写敏感 命名 使用 people people peopleList people-list peopleListArray people-list-array[详细]
-
AngularJS之Factory vs Service vs Provider
所属栏目：[安全] 日期：2020-12-17 热度：161
转自：http://www.tuicool.com/articles/rABfUvm 当你初试 Angular 时，很自然地就会往 controller 和 scope 里堆满不必要的逻辑。一定要早点意识到，controller 这一层应该很薄；也就是说，应用里大部分的业务逻辑和持久化数据都应该放在 service 里。我每[详细]
-
操作angularJs表达式的服务
所属栏目：[安全] 日期：2020-12-17 热度：170
$parse ($eval) $interpolate $compile[详细]
-
Angular：这个锅我不背
所属栏目：[安全] 日期：2020-12-17 热度：86
引言 最近月影大神翻译的一篇文章很火——《别责怪框架：我使用 AngularJS 和 ReactJS 的经验》，标题看似客观，不过先扬后抑，借黑Angular之际狠赞了一下React。 看完之后也让我有感而发。写这篇文章的目的，并不是想反作者之道，褒Angular贬React，只是希[详细]
-
快速掌握AngularJs
所属栏目：[安全] 日期：2020-12-17 热度：50
一、前言 对于前端系列，自然少不了AngularJs的介绍了。在前面文章中，我们介绍了如何使用KnockoutJs来打造一个单页面程序，后面一篇文章将介绍如何使用AngularJs的开发一个单页面应用程序。在开始使用AngularJs开发SPA之前，我觉得有必要详细介绍下AngularJ[详细]
-
[AngularJS面面观] 4. scope中的$apply方法 - Digest Cycle的触
所属栏目：[安全] 日期：2020-12-17 热度：150
本文介绍scope对象中 $apply 方法的实现。关于 $apply 和 $digest 方法，就像是一枚硬币的两面，它们之间的区别和联系，在这篇译文中做出了解答，有兴趣的同学可以看看。 当然，本文的重点还是在于该方法是如何实现的。下面言归正传，来看看相关源代码： $ap[详细]
-
AngularJS 用promises和$q处理异步调用
所属栏目：[安全] 日期：2020-12-17 热度：81
AngluarJS $q 是受Chris Kowal’s Q库启发(https://github.com/kriskowal/q) 。 这个库通过一个回调“promise”让用户监控异步过程。 下面针对使用pormise的语法进行说明。 var promise = callThatRunsInBackground();promise.then( function (answer) { //[详细]
-
Angular 跨页缓存设计
所属栏目：[安全] 日期：2020-12-17 热度：125
自去年开始，AngularJS 引入到项目中，并逐渐推动公司产品核心模块进行重构，提升产品稳定性与开发效率。在前端架构演进的过程中最艰难的不是理解 API，而是思维方式被颠覆的无助，所有繁杂的事务都被高度抽象化，以前 WEB 富 UI 开发最头疼的表现部分放到现[详细]
-
AngularJS内幕详解之 Scope
所属栏目：[安全] 日期：2020-12-17 热度：76
原文作者：Nicolas Bevacqua 原文：AngularJS’ Internals In Depth 在AngularJS的代码库中呈现出了大量有趣的设计，最有趣的两个例子是scope的工作方式和directives(指令)的表现。 有的人第一次接触AngularJS时就被告知directives是和DOM交互，或供你随意操[详细]
-
[AngularJS面面观] 5. scope中的两个异步方法 - $applyAsync以及
所属栏目：[安全] 日期：2020-12-17 热度：89
Angular中digest循环的主干是对于watchers的若干次遍历，直到整个scope中的数据”稳定”下来，这部分实现在这篇文章中已经进行了详尽的介绍。相关的一些细节优化也在这篇文章中进行了分析。 除了主干的内容，digest循环的内容其实还包括几个比较有趣的部分，[详细]
-
AngularJs Filter自定义过滤器控制ng-repeat去除重复
所属栏目：[安全] 日期：2020-12-17 热度：160
代码： div ng-app="myApp" ng-controller="myCtrl" p ng-repeat="x in items | unique:'id'" {{x.id}}---{{x.name}} /p/divscript //AngularJs 自定义过滤器 //1.使用过滤器，去除重复 angular.module('common',[]).filter('unique',function () { return f[详细]
-
AngularJs ng-repeat重复项异常解决方案
所属栏目：[安全] 日期：2020-12-17 热度：178
1.现象 ul ng-app="myApp" ng-controller="myCtrl" li ng-repeat="x in items" strong{{x}}/strong /li/ulscript //使用ng-repeat 重复 html代码 var app = angular.module('myApp',[]); app.controller('myCtrl',function ($scope) { $scope.items = [1,2,3[详细]
-
AngularJs ng-repeat性能问题
所属栏目：[安全] 日期：2020-12-17 热度：72
AngularJs 的 ng-repeat 让我们非常方便的遍历数组生成 Dom 元素，但是使用不当也会有性能问题。 在项目中我们使用 ng-repeat 加载完一个列表后，如果再次请求数据，然后过滤列表，代码可能会这么写： div ng-controller="Test" button ng-click="request()"[详细]
-
angular select 默认选中值
所属栏目：[安全] 日期：2020-12-17 热度：191
select ng-model="family.familyInfo.countryId" ng-change="family.getProvinces()" ng-options="country.id as country.descr for country in family.countrys" /select[详细]
-
AngularJS中内置过滤器问题？
所属栏目：[安全] 日期：2020-12-17 热度：59
实在学习AngularJS过滤器中遇到的问题 这个是页面代码 !DOCTYPE html html head meta charset= "utf-8" / title / title / head body ng-app= "myApp" div ng-controller= "ctrl01" h1 {{ money | currency:' ￥ ' }} / h1 h1 {{ birthday | date :'yyyy 年[详细]
-
[AngularJS面面观] 6. scope继承 - 基于原型继承的树形体系以及s
所属栏目：[安全] 日期：2020-12-17 热度：135
写过Angular应用的同学们或多或少都会注意到Angular框架在幕后会根据应用结构创建很多个scope，这些scope也许是继承自它的父节点的scope，也可能是隔离scope(Isolated Scope)。但是它们最终的父节点都是 $rootScope 。 $rootScope 是全局唯一的一个scope，它[详细]
-
AngularJs module模块简介
所属栏目：[安全] 日期：2020-12-17 热度：93
在AngularJs中，模块是定义应用的最主要方式。模块包含了主要的应用代码。 一个应用可以包含多个模块，每个模块都包含了定义具体功能的代码。 使用模块能给我们带来许多好处，比如： 1.保持全局命名空间的清洁； 2.编写测试代码更容易，并能保持其清洁，以便[详细]
-
AngularJs directive指令详解
所属栏目：[安全] 日期：2020-12-17 热度：150
对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。 首先来看个完整的参数示例再来详细的介绍各个参数的作用及用法： angular.module('myApp',[]) .directive('myDirective',function() { return { restrict: String,p[详细]
