0
私はAngularJSとAngular（2+）を使用するアプリケーションで作業しています。新しいバージョンでは、system.jsを使ってAngularアプリをインポートしています。 system.jsのインポートがなければ、カレンダーは正常に動作しますが、system.jsでは初期化の問題があります。角度ハイブリッドアプリ、typeerror calendar.fullcalendarは関数ではありません
私は運が無ければcalendar = $(elm);で下記のトリックを試しました。でもvar calendar = $('#calendar’)をしようと
https://github.com/angular-ui/ui-calendar/issues/267
。
カレンダー要素が存在することを認識することに問題がないようです。フレームワークのソースコードのロギングを推測できるものから、正しく動作するとき、カレンダー要素は初期化時にこれらのクラスを持ちます。
div#calendar.calendar.ng-pristine.ng-untouched.ng-valid.ng-isolate-scope.fc.fc-cursor.fc-ltr.fc-unthemed
現在、初期化がangular.min.js:117 TypeError: calendar.fullCalendar is not a functionエラーをスローカレンダーの要素としてこれを使用しようとしている、それはまだ正確な要素を見つけたが、それにクラスを追加しません。
div#calendar.calendar.ng-pristine.ng-untouched.ng-valid.ng-isolate-scope
script.ejs
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<—-! All the AngularJS -—>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-cookies.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.6/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.6/angular-route.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.6/angular-sanitize.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
<!-- Moment -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" integrity="sha256-1hjUhpc44NwiNg8OwMu2QzJXhD8kcj+sJA3aCQZoUjg=" crossorigin="anonymous"></script>
<!-- ui calendar -->
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-calendar/1.0.0/calendar.min.js" integrity="sha256-DBa6dvjY39GU4NQ2Ia2CIPVFszxgZ4N3JccyPvJNPLI=" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.7.1/fullcalendar.min.js"></script>
AngularJSだけのアプリ、index.ejs：
<body>
<div id="shell" data-ng-app="app" data-ng-controller="shellController">
…
</div>
<%- include partials/scripts %>
</body>
ハイブリッドアプリのindex.ejs：
<body class="full-width">
<div id="shell" data-ng-controller="shellController">
…
</div>
<%- include partials/scripts %>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
System.import('app').catch(function(err) { console.error('ERR from import: ’,err); });
</script>
</body>
私はV 2.7を使用しています.1 fullcalendar、およびv 1.0.0のangle-ui-calendarを使用します。この問題の原因となっていることへの助けは非常に高く評価され、私はこれを数日間見てきました！