Функция календарного графика не вызывается в Angular.JS

Question

Я использую AngularJS для создания Календарной диаграммы, но не знаю, почему не вызывается функция моей календарной диаграммы, пожалуйста, помогите мне.

Мой файл календаря приведен ниже:

$.getScript("https://www.google.com/jsapi", function () {
    google.load('visualization', '1.1' , { 'callback':  'calenderchart()', 'packages': ['calendar'] });
    //{packages:["calendar"]})
});


function calenderchart() {

//$scope.visitdetails_calender = data;
//console.log('calender chart', $scope.visitdetails_calender);



       var dataTable = new google.visualization.DataTable();
       dataTable.addColumn({ type: 'date', id: 'Date' });
       dataTable.addColumn({ type: 'number', id: 'Won/Loss' });
       dataTable.addRows([
          [ new Date(2012, 3, 13), 37032 ],
          [ new Date(2012, 3, 14), 38024 ]
        ]);

       var chart = new google.visualization.Calendar(document.getElementById('calendar_basic'));

       var options = {
         title: "Red Sox Attendance",
         height: 350,
       };

       chart.draw(dataTable, options);

        ///alert("test");
        //new google.visualization.DataTable();

    }

Ошибка приведена ниже

VM47932:1 Uncaught ReferenceError: calenderchart is not defined

Answer 1

Просмотр документации Google Loader:

обратный вызов: функция для вызова после загрузки скрипта. При использовании функции автоматической загрузки необходимо указать имя функции, а не ссылку на функцию.

Итак, ваш код должен быть таким:

$.getScript("https://www.google.com/jsapi", function () {
    google.load('visualization', '1.1' , { 'callback':  calenderchart, 'packages': ['calendar'] });
    //{packages:["calendar"]})
});