2019独角兽企业重金招聘Python工程师标准>>>
http://momentjs.com
http://bower.io
参考这里的安装步骤:http://github.com/urish/angular-moment
使用的命令:
npm install -g bower
bower install angular-moment --save
然后把两个js文件引入到 html
<script src="components/moment/moment.js"></script>
<script src="components/angular-moment/angular-moment.js"></script>
最后在angular中添加对moment的依赖。
var myapp = angular.module('myapp', ['angularMoment']);
最后是在html中使用自定义的moment指令
<span am-time-ago="message.unixTime | amFromUnix">
以上filter需要安装angular-moment 1.0.0-beta.2以上版本,我的是0.10.3 得继续使用老的语法
<span am-time-ago="message.unixTime" am-preprocess="unix"></span>
文件一:www/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/moment/moment.js"></script>
<script src="lib/angular-moment/angular-moment.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
</head>
<body ng-app="myreddit" ng-controller="RedditCtrl">
<ion-pane>
<ion-header-bar class="bar-positive">
<h1 class="title">My Reddit</h1>
</ion-header-bar>
<ion-content>
<div class="list">
<a href="{{story.url}}" target="_blank" class="item item-thumbnail-left item-text-wrap"
ng-repeat="story in stories">
<img ng-src="{{story.thumbnail}}" ng-if="story.thumbnail.startsWith('http')"/>
<h2>{{story.title}}</h2>
<p>
<span am-time-ago="story.created_utc" am-preprocess="unix"></span> - {{story.domain}}
</p>
</a>
</div>
</ion-content>
</ion-pane>
</body>
</html>
效果: