angular
Amen-
这个作者很懒,什么都没留下…
展开
-
angular ng的内置过滤器
ng的内置过滤器 ng内置了九种过滤器,使用方法都非常简单,看文档即懂。不过为了以后不去翻它的文档,我在这里还是做一个详细的记录。 1. currency (货币处理) 使用currency可以将数字格式化为货币,默认是美元符号,你可以自己传入所需的符号,例如我传入人民币:{{num | currency : '¥'}} 2. date (日期格式化) 原生的js对日期的格式化能力有限,...翻译 2018-04-17 15:03:24 · 294 阅读 · 0 评论 -
angular 开发中bug总结
1.ng-model 获取不到数据 在开发过程中 运用插件动态获取某一个值 然后发现页面上获取到 js里面却不会实时更新,最后定位是因为 ng-model的父级元素上用了 ng-if 导致产生了不同的作用域解决这个问题 有两种办法$scope.xxx = '';1.ng-model = "$parent.xxx" ; 值前面加上$parent.2. ng-if 改为ng-...原创 2018-12-18 17:19:57 · 251 阅读 · 0 评论 -
angular路由跳转页面地址栏跳转但是页面没有变化
angular路由跳转页面地址栏跳转但是页面没有变化出现这个问题基本就是路由配置错误ng路由跳转需要在app.module.ts里面配置相对应的路由ng generate component index/index-list //创建文件夹打开app.module.tsimport { BrowserModule } from '@angular/platform-bro...原创 2018-10-10 10:12:43 · 10848 阅读 · 1 评论 -
angular 引入 Bootstrap 注册全局组件
首先 你待搭建一个ng项目按照官网的教程 (node和npm是必需品)https://angular.io/guide/quickstart (ng官网教程)1.npm install -g @angular/cli2.ng new my-app3.cd my-app4.ng serve --open这一套跑下来你的ng项目已经搭建完成并在http://localh...原创 2018-09-22 21:43:28 · 2009 阅读 · 0 评论 -
angular6 懒加载 修改默认路由
先放个官网教程地址(angular中文网 -路由) https://www.angular.cn/tutorial/toh-pt5 懒加载(惰性加载的特性模块) https://www.angular.cn/guide/lazy-loading-ngmodules首先 你带有个ng项目ng new customer-app --routi...原创 2018-09-27 11:15:58 · 8842 阅读 · 2 评论 -
ionic1 新加模块 注册路由
1.在你的运行目录里面新增文件夹文件夹的格式 我是仿照之前人写的文件夹的格式写的controllers 里面是 jstemplates 里面是对应的html 2. 在你的项目目录中找 gulpfile.js , 可能是别的名字 具体看你们搭建项目的人的爱好了 就是里面长这个样的应该就是了然后 在他的一大推引入js的地方 在引入...原创 2018-09-18 11:37:16 · 301 阅读 · 0 评论 -
angular5安装
首先要安装nodenode会自己帮你安装npm安装成功node之后可输入node -v 查看 node版本 npm -v (-v查看版本号)注意:Angular CLI对Node 的版本有所要求(node 6.9.x and npm 3.x.x )准备就绪之后就可以下载angular (我开的是管理员模式 windows+x 弹出小窗后按 a ) npm i...原创 2018-08-22 16:46:56 · 2233 阅读 · 0 评论 -
angular 路由传参
.state('xxxx', {url: 'xxxx',templateUrl: 'xxx.html',controller: 'xxxxController',params: {isForOthers:null,xxxx:null }//去哪个页面在那个页面上加})传递$state.go('serviceConform', { isForOthers:"3333"...原创 2018-07-26 18:31:53 · 151 阅读 · 0 评论 -
angular调用自身日历
js //主要要声明 '$filter','ionicDatePicker', 'ionicTimePicker' 这三个angular.module('app.sca').controller('ScaController', ScaController).factory('mockData',mockData);ScaController.$inject = [...原创 2018-07-25 18:58:57 · 1019 阅读 · 0 评论 -
angular1 seession传值 接收 删除
传递var params = {aaaaa:这是要传的值,}var formListdata = JSON.stringify(params);// console.log(params,formListdata);sessionStorage.setItem("baseDatas", formListdata);//接收var baseDataArr = JSON...原创 2018-07-24 15:55:19 · 289 阅读 · 0 评论 -
Angular.forEach用法
1.针对对象循环(key,value)var values = {name: 'misko', gender: 'male'};var log = [];angular.forEach(values, function(value, key) { this.push(key + ': ' + value);}, log);expect(log).toEqual(['name: misk...转载 2018-05-30 17:27:31 · 184 阅读 · 0 评论 -
angular 获取上一个路由地址 获取当前页地址 地址裁切
获取当前页地址 例如:url:http://localhost:9096/OA_Web/main.html#/workSheet/calender_leaderDetail/21console.log($location.absUrl()); 输出为:http://localhost:9096/OA_Web/main.html#/workSheet/calender_leaderDetail/21...原创 2018-05-23 15:49:58 · 11196 阅读 · 0 评论 -
angular 阻止冒泡 及导出功能
阻止冒泡<div ng-click="aaa();$event.stopPropagation();"></div>导出为表格$scope.dxdexportCallRecords = url+'api/projectWorkOrder/exportExcel?'+searchStr($scope.searchList);//+searchStr($scope.searc...原创 2018-05-02 17:09:38 · 251 阅读 · 0 评论 -
Angular环境搭建
原博客: https://blog.csdn.net/yuzhiqiang_1993/article/details/70858829目前Angular的最新版本是Angular4.0,所以我们搭建的环境是4.0版本的。 Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。1.安装...转载 2018-04-18 11:09:32 · 121 阅读 · 0 评论 -
sessionStorage、localStorage用法总结
作用:首先说明一下:sessionStorage和localStorage一样都是用来存储客户端临时信息的对象。存储内容的数据类型:两者皆储存字符串类型的数据。生命周期:sessionStorage:生命周期是当前窗口或标签页,一旦窗口或标签页被关闭了,那么所有通过sessionStorage存储的数据也就被清空了。localStorage:生命周期是永久,这意味着除非用户显式操作在浏览器提供的U...转载 2018-04-17 15:36:39 · 152 阅读 · 0 评论 -
ng 点击按钮下载文件
const a = document.createElement('a'); // 创建a标签document.body.appendChild(a); // 向body里面添加a标签a.setAttribute('style', 'display:none'); // a 标签样式隐藏a.setAttribute('href', location.protocol + '//' + lo...原创 2019-06-27 10:11:22 · 1515 阅读 · 3 评论