AngularJS Bootstrap-UI Tooltip - 如何在控制器中配置選項

Question

我有一個angularJS應用程序，它利用引導UI。我試圖設置一些引導工具提示，它有大量的可配置元素。我不想讓自己的標記比我想要的大得多，我想將選項推到我的控制器中。

當前的標記看起來是這樣的：

<p tooltip-placement="right" tooltip="{{bic.multipleIncomeTooltip()}}" tooltip-animation="true" tooltip-trigger tooltip-enable="bic.model.borrowers[bic.borrowerIndex()].income.hasMultipleEmployments"></p> 

我寧願這個選項推到我的控制器，這樣的標記可以簡化爲這樣的事：

<p tooltip-options="bic.incomeTooltipOptions" /> 

有沒有辦法做到這一點？

Answer 1

是，創建自己的指令，使用該標記，然後通過你需要

HTML

<p tooltip-options="tooltipObject"></p> 

JS

angular.module('app', []) 
.directive('tooltipOptions', function() { 
    return { 
     restrict: 'A', 
     replace: true, 
     controller: ['$scope', function($scope) { 
     }], 
     template: '<p tooltip-placement="tooltipOptions.placement" tooltip-animation="tooltipOptions.animation"></p>', 
     scope: { 
      tooltipOptions: '=' 
     } 
    } 
});