-
Angular1.x关于module,controller,作用域的概念
所属栏目：[安全] 日期：2020-12-17 热度：87
Angular中控制器 是一个函数，是用来增强视图的，用来向视图的作用域添加功能。默认的控制器函数，是定义在全局作用域中的。如 function myController($scope){ $scope.message ='hi guys!'} 创建一个控制器时，angular会生成一个新的$scope（局部作用域）,[详细]
-
说说Angular的配置块和运行块
所属栏目：[安全] 日期：2020-12-17 热度：92
配置块会在提供者注册和配置的过程中，对模块或者服务进行配置。这是唯一在应用启动前可以修改的地方。另外只有提供者和常量可以注入到config angular.module('myapp',[]) .config(function($provider){ //**}) 这段代码熟悉吗？可是你知道下面的代码和confi[详细]
-
Angular应用优化机理
所属栏目：[安全] 日期：2020-12-17 热度：125
要优化，就得搞清楚angular的运行机理。表面上看几行代码，就实现了数据的双向绑定，这一实现内部归功于angular的$digest循转。 在angualr混入浏览器后，就有了一个angular上下文是运行在angular事件循环内的特定代码。这个循环就是$digest循环，包含 $watch[详细]
-
AngularJS控制器controller通信方法
所属栏目：[安全] 日期：2020-12-17 热度：162
1，利用作用域继承的方式。即子控制器继承父控制器中的内容 2，基于事件的方式。即$on,$emit,$boardcast这三种方式 3，服务方式。写一个服务的单例然后通过注入来使用 利用作用域的继承方式 由于作用域的继承是基于js的原型继承方式，所以这里分为两种情况，[详细]
-
Angular输入框内按下回车会触发其它button的点击事件的解决方法
所属栏目：[安全] 日期：2020-12-17 热度：162
偶然间遇到的一个八阿哥。 解决方法： 为button元素添加 type="button" 参考链接：http://stackoverflow.com/questions/20945834/why-hitting-enter-in-angularjs-forms-text-input-causes-a-side-effect/20946778[详细]
-
angular $parse用法和案例
所属栏目：[安全] 日期：2020-12-17 热度：135
$parse服务用于手动解析表达式， $parse(存放一个表达式) ，$parse 默认返回的是一个函数，函数的参数设置就是该表达式所处的最近的作用域。 例如： bodyng-app="myApp"divng-controller="run_email"p{{value}}/p/div/body angular.module('myApp',[]).contr[详细]
-
AngularJS（一）
所属栏目：[安全] 日期：2020-12-17 热度：77
前言 大概今年春天的时候，自己对这个词产生了兴趣，那会只是简单的查了一下，并没有深入研究过这部分知识块，现在终于开始接触这些东西。 内容 AngularJS 在 web 应用方面是一个非常完美的 JavaScript MVC 框架。它减少了对界面的 DOM 操作，而且在不经过后[详细]
-
AngularJS日记（2）
所属栏目：[安全] 日期：2020-12-17 热度：78
http://weibo.com/Pp2016_10_09pp/1001604027196040724265 http://weibo.com/Pp2016_10_09pp/1001604027196086862091 http://weibo.com/Pp2016_10_09pp/1001604027199383552465 http://weibo.com/Pp2016_10_09pp/1001604027199354203496 http://weibo.com/Pp2[详细]
-
AngularJS停止定时器
所属栏目：[安全] 日期：2020-12-17 热度：128
1、问题背景 设置一个定时器，给定两个变量startData和endData，计时开始后分别减去5和50；单击停止暂停定时器，重置后数据恢复到原来的数据。 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS停止定时器/titlescript src="http://cdn[详细]
-
angularjs学习心得
所属栏目：[安全] 日期：2020-12-17 热度：166
1.在使用Angular Material对话框时，对话框显示以后，点击浏览器的返回按钮对话框不会消失的问题，解决方法就是监听$stateChangeStart事件，如果对话框已经显示则取消对话框并阻止下一步事件 .run(['$rootScope','$state','$stateParams','SessionStorage','[详细]
-
angularjs 坑 小结
所属栏目：[安全] 日期：2020-12-17 热度：125
1、在使用第三方插件时，在其回调函数中，双向绑定变量往往不能更新，需要手动执行$scope.apply()，这是因为插件中没有触发angular digest() 循环机制 2、一个controller的两个子controller之间共享数据，共享变量都需要双向绑定，否则不能实现共享 3、在dir[详细]
-
angular利用$location实现搜索功能。
所属栏目：[安全] 日期：2020-12-17 热度：158
angular $location服务的主要作用是用于获取当前url以及改变当前的url,也就是做 搜索功能。具体看你们后端给你们的api,拼成适合的字符串 一. 获取url的相关方法: 以 ‘http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash’ 这个路径[详细]
-
angularJS 嵌套控制器的model作用范围
所属栏目：[安全] 日期：2020-12-17 热度：88
1.首先一段相互有嵌套控制器的html !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" titleTitle/title/headbodydiv ng-app="myApp" div ng-controller="firstController" input type="text" ng-model="name" input type="text" ng-model="age" {{ nam[详细]
-
angularJS $scope的$apply方法实现model刷新
所属栏目：[安全] 日期：2020-12-17 热度：111
控制器内，$scope有个$apply方法，可以代码更改model并同步更新页面。通常，控制器内的方法执行完毕后仅会自动刷新一次页面展示，使用$apply方法即可在想刷新页面时就刷新。如本例，这个方法接收function类型的参数。 !DOCTYPE htmlhtml lang="en"head meta[详细]
-
angularJS $scope的$watch方法监听model改变
所属栏目：[安全] 日期：2020-12-17 热度：89
$scope有个$watch方法，可以监听指定的model的改变，一旦model改变则触发（执行）传入其中的方法，该方法接收三个参数，如下 $scope. $watch('要监听的model名',function(newValue,oldValue){ },bool值指示是否监听的是对象)， 其中newValue指向所监听的mode[详细]
-
angularJS 购物车练习
所属栏目：[安全] 日期：2020-12-17 热度：71
本文是一个简单的购物车练习，功能包括增加、减少某商品的数量，从而影响该商品的购买总价以及所有商品的购买总价；从购物车内移除一项商品；清空购物车。 页面效果如图： 若使用js或jquery来实现这个页面，会需要绑定很多事件，如减少数量按钮事件，增加数[详细]
-
angularjs定义对集合进行过滤的过滤器
所属栏目：[安全] 日期：2020-12-17 热度：168
定义对集合进行过滤的过滤器 1)定义 var md = angular.module(moduleName,['ng.service']); md.filter('propertyLikeValueFilter2',function () { return function (list,property,value) { return _.filter(list,function (item) { return item[property]==[详细]
-
使用angular-ui-sortable实现可拖拽排序列表
所属栏目：[安全] 日期：2020-12-17 热度：199
项目需求，添加列表可拖拽排序功能，谷歌了一下，找到一个Angular的插件：angular-ui-sortable，项目地址：https://github.com/angular-ui/ui-sortable 需要在之前引入jquery，和jquery-ui，否则无法使用。 我们要做的事情，加载数据，拖拽排序并输出当前顺[详细]
-
ionic之简单实例
所属栏目：[安全] 日期：2020-12-17 热度：174
1、实例背景 ionic是基于AngularJS，是一个框架。根据AngularJS双向绑定变量，动态获取值。 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之简[详细]
-
ionic之创建列表
所属栏目：[安全] 日期：2020-12-17 热度：65
1、实例背景 ionic创建动态列表，根据AngularJS赋值 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之创建列表/titlelink rel="stylesheet" href[详细]
-
ionic之样式bar-light
所属栏目：[安全] 日期：2020-12-17 热度：175
1、实例背景 ionic头部可以利用bar-header，设置样式bar-light 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-light/titlelink rel="s[详细]
-
ionic之样式bar-stable
所属栏目：[安全] 日期：2020-12-17 热度：159
1、实例背景 ionic头部bar-header，设置样式bar-stable 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-stable/titlelink rel="stylesh[详细]
-
ionic之样式bar-positive
所属栏目：[安全] 日期：2020-12-17 热度：83
1、实例背景 ionic头部bar-header，设置样式bar-positive 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-positive/titlelink rel="sty[详细]
-
Angular2中拦截器Intercept探索之路
所属栏目：[安全] 日期：2020-12-17 热度：95
初衷 之前看到angular2正式发布了，过去看了下，感觉不错，于是入坑。 使用过程中想写一个像angular1那样的拦截器，一路坎坷啊 Angular1中的拦截器 .factory('HttpRequestInterceptor',['$q','$injector','ConfigService','DialogService',function($q,$inje[详细]
-
AngularJs 中的 $http 请求服务
所属栏目：[安全] 日期：2020-12-17 热度：105
$http $http是Angular的一个核心服务，它有利于浏览器通过XMLHttpRequest 对象或者 JSONP和远程HTTP服务器交互。 $HTTP API 是基于 $q服务暴露的deferred/promise APIs。 快捷使用方式： $http.get $http.head $http.post $http.put $http.delete $http.json[详细]
