前言 使用的是Moment.js 插件,插件的安装详情请参考官方网址(https://momentjs.com/) 正文 步骤一:引用import * as moment from 'moment'; 步骤二: 1.(TOMO):获取十天前的时间 moment().subtract(10, 'days').toDate();   // 06/30 2018 moment().subtract(10, 'days').calendar();  // 06/30 2018     2.(TOMO):

昨天写项目,要把时间戳转换成日期格式发给后端 我就去网上找 看到的一些都不是我想要的 索性自己就写了一个如图 下面是angular 模式 $scope.getMyDate = function(str){ str = parseInt(str); if(str!=""||str!=null){ var oDate = new Date(str); var oYear = oDate.getFullYear(); var oMonth = oDate.getMonth()+1; oMon

.filter('getWeek', function() { return function(input) { var date = new Date(input * 1000); var week = date.getDay(); switch (week) { case 0: return "星期天"; break; case 1: return "星期一"; break; case 2: return "星期二"; break; case

{{(value.time+'000' | date:'yyyy-MM-dd HH:mm:ss') : '/'}} .filter('getWeek', function() { return function(input) { var date = new Date(input * 1000); var week = date.getDay(); switch (week) { case 0: return "星期天"; break; case 1: return "星期一

上一篇我们讲到angular对于timepicker的一个封装后的插件angular-bootstrap-timepicker,但是由于angular的版本必须是v1.2.30以上的.对于有些涉及到多插件的系统,升级会导致很多意外的bug.那么可以选择用以下这种方法来取值. 页面上的时间格式是这样的: 文件引入 '/bootstrap-datetimepicker.min.css', '/bootstrap-datetimepicker.min.js', '/bootstrap-datetime

angular的工具函数 在angular的API文档中,在最前面就是讲的就是angular的工具函数,下面列出来 angular.bind //用户将函数和对象绑定在一起,返回一个新的函数 angular.bootstrap //angular启动函数,一般不用,除了e2e测试 angular.copy //对象拷贝 angular.element //jQlite,作用类似于jQuery angular.equals //对象比较.用 == 对两个对象进行比较,除非他们是同一个对象的引用,否

由于版本不同,可能有些问题在某些版本下出现,某些版本下不出现. 指令不可平行(v1.3.2): 多个指令不能这样一个接着一个排下去: <div> <directive-one/> <directive-two/> <directive-three/> </div> 这样会导致的结果就是,只能读取<directive-one/>,后面的两个指令被自动无视掉~~~凭空消失鸟~~~ 解决办法: 每个指令放在一个div里 <div>

AngularJS实例 – 装饰$log 在AngularJS中,我们可以使用Angular内置或者自定义的services,在应用的各个部分之间分享数据和方法.假设你已经定义了一个service,但是在使用了一段时间之后又想要为这个service添加一些功能怎么办?方法之一当然是修改这个service的定义,直接在源码上动刀子.但是现在很多项目都需要通过团队协作来完成,直接修改别人的代码可能需要花费不少功夫,同时还要防范“牵一发而动全身”的风险.更进一步,如果你想给一些Angular内置的se

最近使用angular日期选取器.只需要把所选的输出迄今input输入框,根据默认的假设,显示是在时间的形式的时间戳.不符合规定.需要格成一个特定的公式格公式.但input上ng-model不能直接对用于filter.因此内容需要一种方法来在这里显示格式化. 网上寻找解决方式就是写个directive,详细实例代码例如以下: JS angular.module('dateRange',[]).directive('dateFormat', ['$filter',function($filter)

框架技术细节说明 must 该文档详细说明了基于Angular的机制及关键技术. 目录: - 路由机制 - 通过路由来切分页面模块 - Lazyload机制 - 指令 - 程序bootstrap - 数据绑定 - filters - 何时编写自定义指令 - controller之间的通信 - 依赖注入 - 统一的http请求拦截器 - 根据不同的页面,显示不一样的头部菜单选中 - 如何进行国际化 - 如何进行表单校验 - 动画 - 测试 路由机制 路由机制是指页面是如何根据url跳转的.如,访问

html部分 <div class="list_upload item bg_white"> <div class="itemImg pic_upload" ng-repeat="item in thumb"> <!-- 采用angular循环的方式,对存入thumb的图片进行展示 --> <img ng-src="{{item.imgSrc}}" alt=""/&

(function() { 'use strict'; /** * myApp Module * * Description */ angular.module('myApp') .filter('is_null', function() { return function(input) { return input || '/'; } }) .filter('star', function() { return function(input) { return Math.floor(input

Angular CLI 快速创建Angular 2项目和组件, 压缩打包发布. 7.创建包含html.ts.css文件的命令cd到需要创建文件的目录下面,输入如下命令 ng g c myFile 会自动将创建的文件添加到module中. 数据库中的data类型,前台页面展示 数据库中存放的是,时间戳,想要转换为24小时制的时间,可以进行以下处理: <td nz-td>{{data.create_Time| date:'yyyy-MM-dd HH:mm:ss'}} </td> 参考:

angular 生命周期钩子的详细介绍在 https://angular.cn/guide/lifecycle-hooks  文档中做了介绍. ngOnInit() 在 Angular 第一次显示数据绑定和设置指令/组件的输入属性之后,初始化指令/组件: ngAfterViewInit() 初始化完组件视图及其子视图之后调用. ngOnInit() 钩子应该是我们用得最频繁的一个了,在使用命令 ng g component <component-name> 生成一个组件后,就有 ngOnIni

angular有一些自带的过滤器,今天我就来写一下. 首先还是先把导入一个angular插件,再在我们的js中把模块和控制台写上(别忘了在html中写入模块名和在body中写入控制台名,当然控制台名可以视情况而定写在哪). 因为我们老用数组,所以先写一下截取数组长度的:先在控制台中写一个数组,再在html中用angular的写法写入: 截取数组长度 $scope.arr = [1,2,3,4,5,6,7];  //在js的控制台中创建数组 {{arr | limitTo:数组长度}}; 排序 $

本节我们会接着上节课的内容,继续来完成使用Angular来创建简单的笔记存储应用,上一节课,我们完成了笔记的展示功能,本节课,我们来完成编辑功能. 编辑主要是两个功能:编辑现有的笔记以及创建新笔记.首先我们需要让应用第一次启动或用户点击"添加"按钮时创建一个新笔记. 3.2.9 添加笔记功能 首先我们需要给表单添加一些模型,这样可以用表单来控制数据更新,同时,你还需要让编辑器右侧显示一个实时预览笔记效果的界面,因此需要添加一个Markdown指令,打开index.html文件,进行如下

简单总结接下我这边angular前端优化步骤都是满满的干货,各位客官有好的改进欢迎留言~ 1. 动静分离 项目里面前端比较占用带宽的一般都是加载静态资源,请求后台接口一般占用带宽都是1kb左右,但是在加载静态资源往往会达到mb级别,占用大量带宽,明现影响了业务,所以动静分离是必须而且必要做的,angualr里面也会有指令来指定加载静态资源路径从而动静分离 ng build --deployUrl=指定域名/ 2.js ,css 代码压缩 angular编译的js基本都很大达到了mb级别,加载起来

后端使用java.sql.Timestamp 后端vo字段类型使用 import java.sql.Timestamp; Mapper可以为字段加上属性jdbcType="TIMESTAMP" 也可以不加 <result property="startTime" column="start_time" jdbcType="TIMESTAMP"/> Angular前端vo 无论后端使用什么类型进行时间戳转换,都需要前

目录1 json的key...value问题 遍历json的key...value的时候报错: [tslint] for (... in ...) statements must be filtered with an if statement 原代码: for (let key in this.targetList[0]) { this.tableHeaders.push({ value: key, name: key }) } 修改为: for (const key in Object.ke

jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大多基于jQuery和它的插件.而且现在Angular2的组件生态还不是很完善,我们在编写Angular的时候也许会想要用到jQuery.本篇文章就简单介绍下在Angular2中使用jQuery 如果你不知道怎么搭建Angular2开发环境,请参考我之前写这篇文章:Angular2入门系列教程1-使用