0

ここで説明されているように、fullcalendar のイベントでangular bootstrap-ui ポップオーバーを使用して、HTML でカスタム ポップオーバーを作成しようとしています: Getting Angular UI Calendar to work with UI-Bootstrap Tooltips

しかし、より複雑なポップオーバーを使用する必要がありuib-popover-html、次のように使用する必要があります:

 $scope.eventRender = function( event, element, view ) { 

        var test = $sce.trustAsHtml('<b> Hello World! </b>');
        element.attr({'uib-popover-html':  test,
                     'popover-trigger' : 'mouseenter',
                     'popover-append-to-body': true});

        $compile(element)($scope);
    };

しかし、次のエラーがスローされると：

エラー: [$parse:syntax] 構文エラー: トークン '<' は式の列 1 のプライマリ式ではありません [ Hello World! ] から始まる [ Hello World! ]。

私は何を間違っていますか？

4

1 に答える 1

2

この問題に基づいて、私の仮定は、それuib-popover-htmlが機能することさえ意図していないということです。

しかし、回避策がありますuib-popover-template:代わりに使用してください:

$scope.eventRender = function(event, element, view) {
  element.attr({
    'uib-popover-template': "'myTooltipTemplate'",
    'popover-trigger': 'mouseenter',
    'popover-append-to-body': true
  });
  $compile(element)($scope);
};

ここで遊ぶフィドルは次のとおりです：http://jsfiddle.net/masa671/4wf31bkw/

于 2015-12-27T10:21:49.767 に答える