小编cdp*_*rra的帖子

如何使其他指令在uib-tab元素中起作用

是否有uib-tab指令的回调函数我可以用来在呈现选项卡后刷新内部指令?

我试图找到一个问题的来源,当我在angular-bootstrap提供的uib-tab指令中使用该指令时出现第三方指令.第三方指令是angular-multi-slider,该问题首先在该存储库中报告.

plnkr中提供一个用例.单击第二个选项卡,您将看到内部滑块的所有手柄都位于其他手柄之上(即widths = 0px).然后单击其中一个手柄,它将正确显示.即使遵循了有关FAQ中范围的建议,问题仍然存在.

角度应用程序

'use strict';

angular.module('multiSliderDemo', ['angularMultiSlider', 'ngAnimate', 'ui.bootstrap']);

angular.module('multiSliderDemo')
  .controller('DemoCtrl', function ($rootScope, $scope, $sce, $uibModal) {
    var s = [
                {value: 2, title:"Brainstorming", component: "Proposal Making", 
                   symbol: $sce.trustAsHtml("1")},
                {value: 50, title:"Working groups formation", component: "Proposal Making", 
                   symbol: $sce.trustAsHtml("2")},
                {value: 100, title:"Proposal drafting",component:"Proposal Making", 
                   symbol: $sce.trustAsHtml("3")},
                {value: 130, title:"Proposal editing", component: "Versioning", 
                   symbol: $sce.trustAsHtml("4")},
                {value: 160, title:"Proposal selection", component: "Versioning", 
                   symbol: $sce.trustAsHtml("5")},
                {value: 200, title:"Discussion of proposals", component: …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angularjs-bootstrap

5
推荐指数
1
解决办法
4507
查看次数