-
深入实践AngularJS：ng表达式的应用实例
所属栏目：[安全] 日期：2020-12-17 热度：136
理解 AngularJS 表达式写在双大括号内：{{ expression }}，将在表达式书写的位置"输出"数据。 与ng-bind指令相同，不同点在于： 双大括号在页面刷新时会显示一闪而过，ng-bind则没有 与JavaScript表达式的相似点 可以包含文字、运算符（在模板中可以进行简单[详细]
-
angular broadcast emit 事件触发与事件广播
所属栏目：[安全] 日期：2020-12-17 热度：139
关于angular的事件处理有很多种方式，那么今天来介绍一下用的最多的广播和触发两种方式。。。。。 其实来看代码的话，你会发现很简单，无非就是 $scope.$emit('name','msg'); 或者是 $scope.$broadcast('name','msg'); 那么第一种就是事件触发啦，第二种就是[详细]
-
AngularJS 世界------Angularjs简介
所属栏目：[安全] 日期：2020-12-17 热度：164
AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 script 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。 AngularJS 是一个 JavaScript 框架 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScri[详细]
-
ionic AngularJS-设定ion-scroll div 动态高度
所属栏目：[安全] 日期：2020-12-17 热度：112
在ion_scroll中，必须设定固定的高度后才能实现Y方向的滚动，但是对于不同高度的窗口，需要根据实际情况进行设定其高度 设定该ion_scroll的ng_style属性， ng-style="grid_height" js中设定动态的高度，页面的高度-header-foot及其他固定的高度 $scope.grid_[详细]
-
AngularJs ng-repeat必须注意的性能问题
所属栏目：[安全] 日期：2020-12-17 热度：85
AngularJs 的 ng-repeat 让我们非常方便的遍历数组生成 Dom 元素，但是使用不当也会有性能问题。 在项目中我们使用 ng-repeat 加载完一个列表后，如果再次请求数据，然后过滤列表，代码可能会这么写： htmlheadtitleAngularJs ng-repeat实例/title/headbodyh[详细]
-
angular自定义表单验证----用户名唯一
所属栏目：[安全] 日期：2020-12-17 热度：109
angular .directive('pwdCheck',['$http','httpLoadData',function($http,httpLoadData) { return { require: 'ngModel',link: function (scope,elem,attrs,ctrl) { elem.on('keyup',function () { var obj= {"pwd":attrs.pwdCheck }; var params ={ request[详细]
-
AngularJS Scope 继承解析
所属栏目：[安全] 日期：2020-12-17 热度：139
AngularJS中scope之间的继承关系使用JavaScript的 原型继承 方式实现。本文结合AngularJS Scope的实现以及相关资料谈谈原型继承机制。 基本原理 在JavaScript中，每创建一个构造函数（constructor），就会同时给该函数生成一个指向原型对象的属性 prototype[详细]
-
深入实践AngularJS：tab选项卡实例
所属栏目：[安全] 日期：2020-12-17 热度：147
用了ng后jq都快要忘光了（笑）~ 用jq需要写一坨的用了ng几行就能搞定 第一个粉框是用来设置点击标记 第二个粉框是用来激活标签样式 第三个粉框是用来根据标记展示相应内容[详细]
-
AngularJS自定义指令directive()
所属栏目：[安全] 日期：2020-12-17 热度：79
在学习自定义指令，分享一篇文章。 angular创建自定义指令使用directive()例如： var app = angular.module('myapp',[]); app.directive('helloWorld',function(){ return { restrict: 'AE',//推荐使用A replace: true,//template会覆盖掉自定义标签 templat[详细]
-
AngularJS自定义Directive
所属栏目：[安全] 日期：2020-12-17 热度：152
（编辑完这篇之后，发现本篇内容应该属于AngularJS的进阶，内容有点多，有几个例子偷懒直接用了官方的Demo稍加了一些注释，敬请见谅）。 前面一篇介绍了各种常用的AngularJS内建的Directives以及对应的代码实例。这篇我们再看看如何创建自己的Directive吧！[详细]
-
AngularJs中promise 和 $q 的一点解释
所属栏目：[安全] 日期：2020-12-17 热度：78
以前只知道简单的 ajax 请求，也就是请求回调的模式，看了 angularJs 中大规模的 promise,尤其 是 $q 和 defer,promise 以及怎么 resolve ， reject 非常疑惑，在搜集了大量的关于 promise 的资料后大致整理出他们的用途。 其实引入 promise 主要还是为了解[详细]
-
angularstrap typeahead 处理异步数据
所属栏目：[安全] 日期：2020-12-17 热度：60
使用angularstrap typeahead 的时候下拉列表总是比输入的数据慢一步，注意下你的代码 link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" /script src="https://ajax.googleapis.com/ajax/libs[详细]
-
AngularJS中使用的表单验证
所属栏目：[安全] 日期：2020-12-17 热度：77
客户端表单验证是AngularJS里面最酷的功能之一。 AngularJS表单验证可以让你从一开始就写出一个具有交互性和可相应的现代HTML5表单。 在AngularJS中，有许多表单验证指令。在这里，我们将谈谈几个最流行指令，然后我们将讨论如何编写自定义的验证。 form nam[详细]
-
AngularJS 学习笔记 -- 指令（Directive）
所属栏目：[安全] 日期：2020-12-17 热度：188
AngularJS 指令学习笔记 AngularJS怎样处理指令其实是依赖于指令定义时返回的对象属性的，所以要想深入理解如何定义一个指令，首相需要理解指令定义时各个参数的含义。 完整的AngularJS指令参数 angular.module( 'app' ,[]) .directive( 'demoDirective' , f[详细]
-
angular的学习
所属栏目：[安全] 日期：2020-12-17 热度：131
第一天从公司的后台，转到前端框架的使用。 1.service代码 Home . $inject = [ 'Ajax' ] ; function Home (Ajax) { return { getHotGoodsList : getHotGoodsList , getCategoryTree : getCategoryTree , getGoodsByCategory1List : getGoodsByCategory1List[详细]
-
angularjs结合localstorage完成一个简单的备忘录
所属栏目：[安全] 日期：2020-12-17 热度：108
准备工作 用bower安装需要的js： bower install angularbower install angular-local-storage html中引用bower_components下对应的js文件： script src="js/angular.min.js"/scriptscript src="js/angular-local-storage.js"/script 说明：npm也可以，直接下[详细]
-
angular2JS学习笔记１
所属栏目：[安全] 日期：2020-12-17 热度：52
天才第一步，配置环境node,nvm,npm,webpack等。 １．创建一个文件夹angular2-app.内置文件有package.json,tsconfig.json,typings.json. //typings.json{ "ambientDependencies": { "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d[详细]
-
angular2初入眼帘之－多components协作
所属栏目：[安全] 日期：2020-12-17 热度：127
前集回顾 在上一章里我们讲了如何在 angular2 下开发一个 component (还没做的赶紧去学吧)。我们使用了Unidirectional Data Flow模式书写 component ，并引入了Immutable思想，这些以前只在React里见到的设计，现在 angular2 里也有体现，并且在本章中会着重[详细]
-
跟我学AngularJS：全局变量设置之value vs constant vs rootscop
所属栏目：[安全] 日期：2020-12-17 热度：191
林炳文Evankaka原创作品。转载请注明出处 http://www.jb51.cc/tag/http://blog.csdn.net/evankaka 摘要：本文要讲讲Angular中value vs. constant以及全局变量的设置 本教程使用AngularJs版本：1.5.3 AngularJs GitHub:https://github.com/angular/angular.js[详细]
-
angularjs和angular-cookies 设置cookie的过期时间
所属栏目：[安全] 日期：2020-12-17 热度：86
最近的项目中用到angularjs，因为很多不熟悉，用起来有点困难。这不，今天就遇到了要设置cookiede 过期时间的问题。 通过查找资料，解决办法如下： 首先引入js文件，如下： script type="text/javascript" src="js/jquery-1.9.1.min.js"/scriptscript type="[详细]
-
angular学习（一）—— 概览
所属栏目：[安全] 日期：2020-12-17 热度：172
1. 文章简述 这篇主要通过几个小例子把angular的常用组件简单介绍一下 2. data binding 下面是一个简单通过quantity和costs计算Total的示例 div ng-app ng-init = "qty=1;cost=2" b Invoice: / b div Quantity: input type = "number" min = "0" ng-model =[详细]
-
[译]Angular2新人常犯的5个错误
所属栏目：[安全] 日期：2020-12-17 热度：192
看到这儿，我猜你肯定已经看过一些博客、技术大会录像了，现在应该已经准备好踏上angular2这条不归路了吧！那么上路后，哪些东西是我们需要知道的？ 下面就是一些新手常见错误汇总，当你要开始自己的 angular2 旅程时，尽量避免吧。 注：本文中，我假设诸位[详细]
-
怎么理解angularjs中的服务
所属栏目：[安全] 日期：2020-12-17 热度：82
AngularJS中的服务其实就是提供一种方式抽取共用类库搜索 比如说一些工具类方法，我们传统的做法就是自己写个 utility 类，把相关的工具方法填充到utility里面去，最后把utility类放到一个全局的变量中，这样任何地方都可以调用utility的方法。 如果用Angula[详细]
-
解决angular Js中出现unsafe:data:;base64,的问题
所属栏目：[安全] 日期：2020-12-17 热度：102
img ng-src="data:image/jpg;base64,{{archive.identityInfo.pic}}" / 在前端通过angular js语言的绑定语法将图片的base64编码字符串绑定到ng-src时，会出现以下错误： unsafe:data:;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQ…hjzU6[详细]
-
angular学习（二）—— Data Binding
所属栏目：[安全] 日期：2020-12-17 热度：78
Data Binding 在angular中，model和view组件之间的Data Binding是可以自动同步数据的。angular实现Data Binding的方法可以让你确信在你的应用中model是single-source-of-truth，view仅仅是model的投影。当model改变时，view跟着改变，反之亦然。 经典模板系[详细]
