angularJS
关注
分享
扫一扫
weixin_39407291
这个作者很懒，什么都没留下…
展开
-
Angular1.x知识点总结
从去年五月份开始，公司项目一直都用angular1.x,直到最近7月份，开始了新的项目换用了Vue,今天就把angular1.x的知识点总结一下。angular.forEachng-if ng-show$scope$rootScope 全局变量ng-appng-initng-bindng-modelng-controllerng-repeatng-ifng-selectng-changeng-click自定义模块angular.module(‘myModule’,[ng原创 2020-08-10 22:29:26 · 164 阅读 · 0 评论 -
JS获取两个日期之间相差的天数
function getDaysBetween(dateString1,dateString2){ var startDate = Date.parse(dateString1); var endDate = Date.parse(dateString2); var days=(endDate - startDate)/(1*24*60*60*1000); return days;}原创 2020-06-23 13:57:22 · 1841 阅读 · 0 评论 -
Angular中设置想要达到元素hover效果的API
在Angular4中有mouseenter和mouseleave两个事情，具体用法：<span ng-mouseenter="show = true" ng-mouseleave="show = false"> 内容……</span>或者<div (mouseenter)="event1()" (mouseleave)="event2()"></div>原创 2020-06-23 13:55:56 · 424 阅读 · 0 评论 -
angular自定义指定添加自定义参数
angular.module('future_saleOrder',[]) .directive('futureSalerOrder', [function () { return { restrict: 'AEC', scope:{ data:'=', item...原创 2020-04-08 15:14:46 · 744 阅读 · 0 评论 -
Angular的ng-options的value值是错误的
在使用angular时，如果用js原生或者jQuery去获取select的option的value值，会发现获取到的是索引值，会出现错误。参考博客：https://segmentfault.com/q/1010000004305247/a-1020000004305320...原创 2020-04-08 13:48:24 · 372 阅读 · 0 评论 -
Angular文件上传
一、使用FormData异步提交常用的表单提交编码方式有两种：multipart/form-data 和 application/x-www-form-urlencoded，如果是html页面中的form表单上传，可以使用enctype来指定编码方式，不指定时默认是后者。文件上传必须使用multipart/form-data编码方式的表单post提交，而如果需要异步上传文件，则要使用Form...转载 2019-10-23 15:04:22 · 1735 阅读 · 0 评论 -
angularjs应用刷新页面，导致toaster加载时失效的问题
页面跳转时没有问题，页面F5后直接执行toaster没有反应。看了半天还是没懂，不过使用了$timeout强行弄出来了…$timeout(function () {toaster.pop(‘error’, ‘提示’, ‘没有数据’);}, 500);原文：https://blog.youkuaiyun.com/sinat_33157758/article/details/78110173/...转载 2019-07-30 17:24:48 · 306 阅读 · 0 评论 -
Angular.js 之 factory自定义方法
在之前经常使用jq自定义方法，这个很简单，但是最近用angluar却不知道如何定义方法，以便二次使用。总结规整如下：var app = angular.module('indexApp', ['ngSanitize']);//定义方法app.factory('dataFactory', function($http, $q) { var factory = {}; factory.g...转载 2019-08-05 09:59:12 · 128 阅读 · 0 评论 -
Angular $q 完全指南
如果想使用 $http 或者其他异步操作, 那 $q 是必须要掌握的概念啦. Let’s get started!如何理解$q, deferred object ?形象的讲解angular中的$q与promise假设有一个家具厂，而它有一个VIP客户张先生。有一天张先生需要一个豪华衣柜，于是，他打电话给家具厂说我需要一个衣柜，回头做好了给我送来，这个操作就叫q.defer，也就是延期，因为...转载 2019-08-05 09:52:10 · 438 阅读 · 0 评论 -
angular中两个控制器直接传值
<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="js/angular.js"></script></head><body> <div ng-app="my...原创 2019-08-01 14:36:03 · 358 阅读 · 0 评论 -
angularjs 用$state.go（）在页面跳转时传递参数
第一步，首先在定义路由的地方加上param这个属性以及相应的值 .state("pagetogo", { url: "/pagetogo", templateUrl: "page/redirect/pagetogo.html", params: {'pw': null,'username':null}, })第二步，在待跳转页面传入相应的值$sta...转载 2019-08-01 14:46:44 · 785 阅读 · 1 评论 -
解决angular的深拷贝问题
由于angular内部的封装，直接对两个数组进行赋值传递，导致的结果是：深拷贝。即赋值后的b改变了，原来的a也会跟着变化。解决这个问题用到angular的一个方法：angular.copy()用 var b = angular.copy(a)这样b改变不会影响a....原创 2019-08-22 16:40:32 · 1198 阅读 · 0 评论 -
angular加入一个公共文件
1.新建你要写的公共文件比如名字：public.service.js一般放在common中，就可以开始编写我们的公共函数了。'use strict'; angular.module('publicService',[]) .factory('buttonShowService',[function () { return{ bu...原创 2019-08-30 13:30:27 · 416 阅读 · 0 评论 -
angular中表格的全选，单选的互相控制
直接上代码：结构： <table id="" class="table table-bordered hover text-center newsClassifyTable" cellspacing="0" width="100%" role="grid" > <thead> <tr role="row"> ...原创 2019-07-17 19:42:02 · 734 阅读 · 0 评论 -
input文件上传ng-change失效
<input type="file" id="excelFile" onchange="angular.element(this).scope().chooseFile()">ng-change没反应，这里在网上搜索了一下，采用上面的方式，奏效。原创 2019-07-17 19:04:46 · 289 阅读 · 0 评论 -
angular中，controller，directive和factory分别该在何时使用
directive一般用来写一些通用的组件。controller处理特定页面的逻辑。factory/service 是单例模式，service是对factory的封装，相应的还有constant和value方法。一般公用的静态方法（如与后端交互的ajax请求），或者需要在不同的controller、directive、service之间共享的数据都可以定义在service中。...转载 2019-05-28 20:17:15 · 569 阅读 · 0 评论 -
ng-app指令
angularJs共有4大模块构成MVC，模块和依赖注入、指令，双向数据绑定，虽然分为四大块但是我觉得无论使用那一块的知识都离不开指令，也就是说指令贯穿整个angularJs的应用。MVC里的控制器ng-controller是指令，获取、同步数据ng-model是指令；模块和依赖注入ng-app也是指令；双向数据绑定更不用说。所以说指令是angularJs的基础。ng-appng-app这个指...转载 2019-05-29 14:06:51 · 1802 阅读 · 0 评论 -
ng-class和ng-show的使用
最近接受了一个项目，用的是angular1+版本，从来没接触过也只能硬着头皮上了，遇到的东西记录一下，回头遗忘了可以看看。一.ng-class的用法：目前项目中我用到较简单的一种：1.上代码：<ul class="nav nav-pills nav-justified whichType"> <li ng-click="clickState(1)" ***...原创 2019-06-19 20:07:31 · 780 阅读 · 0 评论 -
关于angularjs中,数据模型被改变,页面不刷新的解决办法
刚用angularjs时,确实被它的双向数据绑定震住了,但同时没有完合使用angularjs的方法,从而出现数据模型被改变,但页面不能随之更改,需要scope.scope.scope.apply()强制更新数据模型.原因：实际上出现这种情况,就是因为在angularjs中使用了JS方法产生数据源,看下面代码:var myApp = angular.module("myApp",[]);myA...转载 2019-06-24 19:03:13 · 1626 阅读 · 0 评论 -
angular中的select使用
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script></head><body>...原创 2019-06-24 19:09:26 · 2140 阅读 · 0 评论 -
$http
angular使用简单的$http.get请求无法携带参数的问题。原创 2019-06-24 19:12:49 · 257 阅读 · 0 评论 -
JS初始化时间，处理时间关系（前几天，后几天）
直接上代码：初始化时间：（一个月的时间差）$scope.setTime = function(){ var staT,endT; var dd = new Date(); var Y = dd.getFullYear(); var M1 = dd.getMonth() + 0 < 10 ? "0" + (dd.ge...原创 2019-06-27 13:29:43 · 556 阅读 · 0 评论 -
angular中实现实时监听数据
上代码：结构中： <input type="text" name="" class="titleSelect" ng-model="receive_supplier" ng-focus="supplierList_show = true" ng-blur="supplierList_show = true">逻辑： $scope.$watch('receive_supplier...原创 2019-06-27 13:45:31 · 4406 阅读 · 0 评论 -
angularjs的过滤器和$filter服务的区别使用
angularjs的过滤器：直接在html中使用$filter:需要注入到控制器中，在控制器里使用<!DOCTYPE html><html lang="en" ng-app="app"><head> <meta charset="UTF-8"> <title>服务</title> <script type=...转载 2019-07-10 09:30:36 · 143 阅读 · 0 评论 -
angular中ng-sow使用时候发现
刚接触angular，在使用过程中发现了一些和原来写代码不一样的地方。总结起来就是：1、ng-show="" 元素不显示ng-show=“myVar” myVar没有赋值 元素也不显示 如果在controller中$Scope.myVar = true 则元素显示。ng-show=“myVar = false” 元素不显示在controller中对myVar进行赋值，不管赋值的位...原创 2019-07-11 12:02:03 · 138 阅读 · 0 评论 -
Javascript跳出当前的ForEach循环
$scope.listSelect = function (param) { if(param.selectedStatus){ $scope.all = true; try{ $scope.floorPriceTable.forEach(function(value){ ...原创 2019-07-19 08:36:56 · 458 阅读 · 0 评论 -
input file 将得到的文件重新整理成数组对象
今天做了一个需求，就是用户上传了多个file文件，但未上传到数据库，需将用户上传的文件的名称，大小，展示在页面。当然原生javascript和jQuery获取file的信息直接字符串拼接append到界面。项目使用的是angular，这里整理一下angular的写法。结构： <table class="table table-bordered hover text-center"&g...原创 2019-07-17 19:01:53 · 1617 阅读 · 0 评论 -
angular定义全局函数
scope是angularJS中的作用域(其实就是存储数据的地方)，很类似javascript的原型链 。搜索的时候，优先找自己的scope，如果没有找到就沿着作用域链向上搜索，直至到达根作用域rootScope。$rootScope是由angularJS加载模块的时候自动创建的，每个模块只会有1个rootScope。rootScope创建好会以服务的形式加入到 $injector中。也就是说通...原创 2019-05-30 09:44:48 · 3516 阅读 · 0 评论