2014-12-16 3 views
3

지옥, 나는 AngularJS liabry와 wijmo 이벤트 캘린더를 사용하려고하지만 약속 바인딩이 제대로 작동하지 않습니다. 이 내 HTML입니다 :angularjs와 wijmo 이벤트 캘린더 사용

<html> 
    <head> 
     <title>Control Tests</title> 
     <script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script> 
     <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.min.js" type="text/javascript"></script> 

     <link href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css" rel="stylesheet" 
       title="metro-jqueryui" type="text/css" /> 

     <link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.7.min.css" rel="stylesheet" type="text/css" /> 

     <script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20131.7.min.js" type="text/javascript"></script> 
     <script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.7.min.js" type="text/javascript"></script> 
     <script type="text/javascript" src="http://cdn.wijmo.com/external/globalize.min.js"></script> 

     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> 
     <script src="http://cdn.wijmo.com/external/angular.wijmo.js" type="text/javascript"></script> 

     <script src="../../Scripts/Controller/MainController.js" type="text/javascript"></script> 
    </head> 
    <body> 
     <script> 
      $(document).ready(function() { 
       $(".wijevcal").wijevcal(); 
      }); 
     </script> 

     <div ng-app ng-controller="MainController"> 
      <div class="wijevcal" appointments="{{calAppointments}}"></div> 
     </div> 
    </body> 
</html> 

그리고 이것은 컨트롤러의 원인 :

function MainController($scope) 
{ 
    $scope.calAppointments = [{ 
     start: new Date(2013, 5, 23, 15, 30) 
    }]; 
} 

시작 날짜가 달력에 적용되지 않는 이유 누군가가 말해 줄래?

답변

0

예, 사용자 정의를 사용하기 위해 Wijmo 모듈을 추가하는 데 필요한 태그를 사용할 수 있습니다 Wijmo가 제공 한 지침.

0

나는 그것을 독자적으로 고쳤다.

나는 스크립트의 시작 부분에

var app = angular.module("MyApp", ["wijmo"]); 

전화를했고 지금은

<wijevcal></wijevcal>