對JQUERY PTTIMESELECT Timepicker插件要求Angular js指令

Question

請幫助我爲jquery pttimeselect timepicker插件修正此角度指令。

http://pttimeselect.sourceforge.net/doc/documentation.html

Plunker鏈接： http://tinyurl.com/hr7lker

目前，我有指令如下，但得到這個錯誤 類型錯誤：無法未定義

app.directive('timePicker', function($parse) { 
    return { 
     restrict : "C", 
     replace : true, 
     transclude : false, 
     compile : function(element, attrs) { 
      var modelAccessor = $parse(attrs.ngModel); 

      return function(scope, element, attrs, controller) { 
       var processChange = function(i) { 
        var time = i.val(); 
        scope.$apply(function(scope) { 
         modelAccessor.assign(scope, time); 
        }); 
        scope.$eval(attrs.ngChange); 
       }; 
       element.ptTimeSelect({ 
        onClose : processChange 
       }); 
       scope.$watch(modelAccessor, function(val) { 
        element.val(val); 
       }); 
      }; 
     } 
    }; 
});

Answer 1

只需讀取屬性 '選項'更新你的jQuery和Angular版本，它應該可以工作：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script> 

http://plnkr.co/edit/pp2Ce9CkEKYLhZtLni6p?p=preview