![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
AngularJS
qubernet
这个作者很懒,什么都没留下…
展开
-
AngularJS的ng-click阻止冒泡
JS: 1 $scope.getData = function (event) { 2 //阻止事件冒泡 3 event.stopPropagation(); 4 }; Html: 1 <div ng-click="getData($event)"> 2 <a href="javas...原创 2016-06-16 11:24:00 · 292 阅读 · 0 评论 -
解决AngularJS在IE下取数据总是缓存的问题
在使用AngularJS发出请求(GET)获取服务端数据,然后再绑定到页面中,你会发现在IE中总是显示原来的数据结果。这时候我们就会知道,IE做了缓存。 解决办法: 我们可以在AngularJS的配置中通过$httpProvider来设置其不缓存。具体如下所示: 1 ngApp.config(function ($httpProvider) { 2 // I...原创 2016-06-02 12:38:00 · 422 阅读 · 0 评论 -
ng-options渲染的第一项为空的解决办法
我们在使用ng-options时,如果首次使用,可能会在渲染完成后发现下拉列表的第一项为空,并且我们在选择一项之后,为空的第一项已经消失了,这样用户体验上来说很不好。 原因就在于:我们使用ng-options的时候,是配合模型指令ng-model一起使用的,从而我们就可以知道,渲染生成的第一项为空原因肯定和ng-model的初始值有关系。 解决办法: 1.可以在控制器...原创 2016-05-15 15:36:00 · 446 阅读 · 0 评论 -
Angularjs的ng-repeat中去除重复的数据
一、JS 1 ngApp.filter('unique', function () { 2 return function (collection, keyname) { 3 var output = [], 4 keys = []; 5 6 angular.forEach(collection, function ...原创 2016-04-12 12:50:00 · 969 阅读 · 0 评论 -
在Angularjs中使用directive自定义指令实现attribute的继承
一、Html代码: 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5原创 2016-04-08 17:12:00 · 316 阅读 · 0 评论 -
Angularjs中$http以post请求通过消息体传递参数
Angularjs中,$http以post在消息体中传递参数,需要做以下修改,以确保消息体传递参数的正确性。 一、在声明应用的时候进行设置: 1 var httpPost = function ($httpProvider) { 2 /******************************************* 3 说明:$http的post提交时,纠正...原创 2016-04-08 16:22:00 · 351 阅读 · 0 评论 -
Angularjs在初始化未完毕时出现闪烁的解决办法
方法1: 使用ng-cloak指令,在绑定数据的区域使用该指令并设置该指令的样式为隐藏即可,如下所示: Html: 1 <body ng-controller="QuberController" ng-cloak class="ng-cloak"> Css: 1 .ng-cloak { display: none; } 方法2: 使用ng-bind指...原创 2016-02-28 13:41:00 · 241 阅读 · 0 评论 -
Angularjs中设置cookies的过期时间
具体代码如下所示: 1 var ngApp = angular.module('myApp', ['ngCookies']); 2 ngApp.controller('myController', function ($scope, $http, $cookies) { 3 if ($cookies.get('myName') == undefined) ...原创 2016-02-27 11:07:00 · 867 阅读 · 0 评论 -
在Angular外部使用js调用Angular控制器中提供的函数方法或变量
Html代码如下所示: <!DOCTYPE html> <html ng-app="myApp" id="myApp"> <head> <meta name="viewport" content="width=device-width" /> <title>原创 2016-02-27 11:01:00 · 638 阅读 · 0 评论