Flickity with angular js

External js can work with angular js

by manoj_antony32

HTML

<div class="list list-inset" ng-controller="customDateSlider" id="customDateSlider">
    <div class="projectItem cf" id="itemP1">
        <h5>Choose Date:</h5>
        <!-- Flickity HTML init -->
        <div class="gallery js-flickity" id="getDates"></div>
    </div>
</div>

JavaScript

angular.element(document).ready(function () {

            function daysInMonth(month, year) {
                return new Date(year, month, 0).getDate();
            }

            function myFunction() {
                var getName = '';
                var b = [], weekday = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], month = 7, year = 2000;

                for (var i = 1, l = daysInMonth(month, year) ; i <= l; i++) {
                    var d = new Date(year, month - 1, i);
                    getName = weekday[d.getDay()];
                    getName = getName.substring(0, 3);

                    $('#getDates').append('<div class="gallery-cell"><ul><li>' + getName + '</li><li>' + i + '</li><li>Oct</li></ul></div>');
                    //$('#getDates').append('<div class="gallery-cell"><ul><li>Sun</li><li>1</li><li>Oct</li></ul></div>');
                }

                setTimeout(function () {
                    $('.calendar-slider').hide();
                }, 100);

            } //b is the desired array

            function loadJS(src, callback) {
                var s = document.createElement('script');
                s.src = src;
                s.async = true;
                s.onreadystatechange = s.onload = function () {
                    var state = s.readyState;
                    if (!callback.done && (!state || /loaded|complete/.test(state))) {
                        callback.done = true;
                        callback();
                    }
                };
                document.getElementsByTagName('head')[0].appendChild(s);
            }
            loadJS('scripts/flickity.pkgd.js', function () {
                // put your code here to run after script is loaded
                myFunction();
            });

        });