自定义angularjs引导程序日历

Question

我正在为我的应用程序使用角度引导程序日历。我从数据库获取事件并在日历上显示。现在点击任何单元格后它会打开一个弹出模式来添加事件。但我想要做的是我已经放置一个glyphicon＆＃34; +＆＃34;对于每个单元格。点击＆＃34; +＆＃34;我想调用模态弹出窗口来添加事件。现在点击单元格后会显示模态。

这是我的HTML

    <mwl-calendar
    events="events"
    view="calendarView"
    current-day="viewDate"
    view-title="calendarTitle"
    custom-template-urls="{calendarMonthCell: 'customMonthCell.html'}"
    ng-model="eventSources"
    cell-is-open="cellIsOpen"
    day-view-start="06:00"
    day-view-end="22:59"
    day-view-split="30"
    cell-modifier="modifyCell(calendarCell)"
    cell-auto-open-disabled="true"
    on-timespan-click="timespanClicked(calendarDate)">
    </mwl-calendar>

这是我要添加＆＃34; +＆＃34;对于每个细胞。

角自举-calendar.css

    .cal-cell:hover:before{
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f055";
    float:right;

}

这是controller.js

    $scope.timespanClicked = function(notifyDate) {
    $scope.notifyDate = notifyDate;
    UserProfileService.getAllUsers().then(function(response2){
        $scope.users = response2.data;
    }); 
    $(".addnotify").modal("show");
    };

正如你在日期17日看到的那样，右上方有一个小+图标。点击+我需要显示模态弹出窗口。我已经使用了悬停。因此，在悬停在特定单元格+上之后出现。