完成AngularJS应用后添加引导程序弹出行为

时间:2013-11-15 15:50:28

标签: javascript angularjs twitter-bootstrap angularjs-directive

我正在制作角度JS的时间表,每年3年零4个季度。用户可以将课程拖入时间表,并且需要在本季度课程太多的情况下看到警告。

我有类似的东西:

<tr ng-repeat="year in timetable.years">
<td ng-repeat="quarter in year.quarters" ng-class="{ exceedsMaxCourses : quarter.exceedsMax() }">
</td>
</tr>

如果quarter.exceedsMax()为true,则应用CSS类.exceedsMaxCourses,并且该季度亮起。这一切都很好,但是现在我想展示一个twitter bootstrap弹出窗口,解释为什么这个季度会亮起来。

所以我现在所拥有的是一种在课程被删除后触发的方法,如下所示:

    $('.exceedsMax').popover({
        trigger: 'manual',
        title: "Max number of courses exceeded",
        placement: 'bottom',
        content: "Max number of courses exceeded",
        container: '.exceedsMax'
    });
    $('.exceedsMax').popover('show');

但是 - 这不能很好地工作,我很确定这不是正确的方法。我怎样才能正常工作?指示我听到你说,当然 - 但你能指出我正确的方向吗?

0 个答案:

没有答案