簡體   English   中英

完整日歷彈出窗口中的單擊按鈕不起作用

[英]Click button in Full Calendar popover is not working

我在 FullCalendar 中的事件彈出窗口上創建了一個點擊按鈕來執行一些 xyz 操作。 但是創建的函數(“detailcheck”)不起作用。 如果有人可以指導我解決下面提到的代碼片段中的問題,這將有所幫助?

完整的日歷彈出窗口

$scope.uiConfig = { 

    calendar: {
        name : 'calender1',
        height: 600,
        editable: true,
        header: {
            left: 'title',
            center: '',
            right: 'today prev,next'
        },
        eventClick: $scope.alertOnEventClick,
        eventMouseover: function () { $scope.checked = true; },
        eventMouseout: function () { $scope.checked = false; },
        eventDrop: $scope.alertOnDrop,
        //eventResize: $scope.alertOnResize,
        eventRender: function (event, element) {
            var chk = $(event.target).css('display', 'block');
            element.popover({
                trigger: "click",
                html: true,
                animation: true,
                content: '<div ng-show="checked"><button class="btn btn-danger pop" ng-click="detailcheck(event)">abc</button><b>Inicio</b>:' + event.start + "<b>Fin</b>:" + event.end + "</div>",
            })
        },
        firstDay: 1,
        viewRender : function (view, element) {
            $scope.calendarrangestart = view.start._d;
            $scope.calendarrangeend = view.end._d;  
        }
    }
};
$scope.eventSources = [$scope.events];
$scope.detailcheck = function (event) {
    console.log("hi");
}

###修復了問題,不是角度解決方案,而是應用了一點 jquery 解決了我的問題###

 {   calendar: {
    name : 'calender1',
    height: 600,
    editable: true,
    header: {
        left: 'title',
        center: '',
        right: 'today prev,next'
    },
    eventClick: $scope.alertOnEventClick,
    eventMouseover: function () { $scope.checked = true; },
    eventMouseout: function () { $scope.checked = false; },
    eventDrop: $scope.alertOnDrop,
    //eventResize: $scope.alertOnResize,
    eventRender: function (event, element) {
        var chk = $(event.target).css('display', 'block');
        element.popover({
            trigger: "click",
            html: true,
            animation: true,
            content: '<div ng-show="checked"><button id="object_" class="btn btn-danger pop">abc</button><b>Inicio</b>:' + event.start + "<b>Fin</b>:" + event.end + "</div>",
        });
            $('.fc-content-skeleton').on('click', '#object_', function () {
                $scope.scop = true;
                console.log("abcs");
                console.log($scope.scop);
            });
    },
    firstDay: 1,
    viewRender : function (view, element) {
        $scope.calendarrangestart = view.start._d;
        $scope.calendarrangeend = view.end._d;  
    }
}};
$scope.eventSources = [$scope.events];

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM