角度水平时间线CodeHouse

时间:2016-06-13 14:57:08

标签: javascript angularjs

我正试图在我的项目中使用水平时间轴(https://codyhouse.co/gem/horizontal-timeline/) 我正在尝试制定一个指令来控制时间线,但我遇到了数据到达前端的问题,时间线无法识别我,因为我的日期验证了数据,有人之前遇到过这种问题吗?

问候!

https://plnkr.co/edit/gRqYx2SgS7srkPbqqOAT?p=preview

angular.module("MyApp",[])
   .controller("MyCtrl", function($scope){
    $scope.hola = "Hola Mundo";
    $scope.data =
     [
         {
             "date": "16/01/2014",
            "title": "Horizontal Timeline",
        "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus."
    },
    {
        "date": "18/02/2014",
        "title": "Title Here",
        "content": "Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus."
    },
    {
        "date": "02/03/2014",
        "title": "Horizontal Timeline Angular",
        "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus."
    },
    {
        "date": "25/03/2014",
        "title": "Test Horizontal Timeline",
        "content": "Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus."
    },

];

  })
   .directive('timeline', function($timeout){
     return{
       restrict: 'A',
       scope: { data: '=data' },
       templateUrl: "HorizontalTimeline.html",
     };
   });

0 个答案:

没有答案
相关问题