如何在javascript中动态调整bootstrap popover箭头？

Question

这是jquery中的实现 https://jsfiddle.net/Sydney_o9/66uqd12s/7/

在这里，他们在jquery中动态地将类添加到popover：

$("#my-button").popover({
    html     : true,
    placement: 'bottom',
}).data('bs.popover').tip().attr('id', 'my-popover')

我如何在javascript中实现它，因为我在我的指令中调用popover函数，这就是函数。

$scope.profPopover = {
    isOpen: false,
    toggle: function toggle() {
        // $log.debug("toggle..isOpen = " + $scope.profPopover.isOpen);
        if ($scope.profPopover.isOpen) {
            $scope.profPopover.isOpen = true;
        }
        else {
            $scope.profPopover.isOpen = false;
        }
    },
    close: function close() {
        //$log.debug("close..isOpen = " + $scope.profPopover.isOpen);
        $scope.profPopover.isOpen = false;
    }
};      

如何使用javascript在我的切换功能中将类添加到弹出窗口？

提前致谢！