# ionic-time-line

**Repository Path**: luomusha/ionic-time-line

## Basic Information

- **Project Name**: ionic-time-line
- **Description**: Ionci时间轴指令
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-06-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ionic-time-line

使用方法：
 
 在JS中引入module


		angular.module('starter', ['ionic', 'time-line'])


 在index.html中引入JS


    <script src="../dist/time-line.bundle.min.js"></script>



在template中使用指令标签。controller名字自定义。

			<time-line ng-controller="TimeLineController1"></time-line>
			
 然后添加一个controller。名字和上面controller名字对应。
 然后实现以下四个方法。
>	   $scope.getIcon 
>      $scope.getImage 
>      $scope.getDateTime 
>      $scope.getContent 
其中$scope.getIcon 和$scope.getImage实现一个就可以了。
 

	.controller('TimeLineController1', function ($scope) {
        $scope.data = [{
            img: 'img/ben.png',
            dateTime: '2016-04-12 16:20:12',
            content: '提交订单'
        }, {
            img: 'img/max.png',
            dateTime: '2016-04-12 17:20:12',
            content: '确认订单'
        }, {
            icon: 'icon ion-model-s',
            dateTime: '2016-04-12 18:20:12',
            content: '取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单'
        }, {
            icon: 'icon ion-model-s',
            dateTime: '2016-04-12 18:20:12',
            content: '取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单'
        }, {
            icon: 'icon ion-model-s',
            dateTime: '2016-04-12 18:20:12',
            content: '取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单'
        }, {
            icon: 'icon ion-model-s',
            dateTime: '2016-04-12 18:20:12',
            content: '取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单'
        }, {
            icon: 'icon ion-model-s',
            dateTime: '2016-04-12 18:20:12',
            content: '取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单取消订单'
        }, {
            icon: 'icon ion-jet',
            dateTime: '2016-04-12 18:20:12',
            content: '取消订单'
        }];
        $scope.getIcon = function (index) {
            return $scope.data[index].icon;
        };
        $scope.getImage = function (index) {
            return $scope.data[index].img;
        };
        $scope.getDateTime = function (index) {
            return $scope.data[index].dateTime;

        };
        $scope.getContent = function (index) {
            return $scope.data[index].content;

        }
    });