[英]Angular bootstrap ui tabs ngMessage doesn't work in the first tab
[英]UI Bootstrap and modal with tabs: the first tab is focused with a border
我有一个带有uib-tab的UI Bootstrap模式。 当我打开模态时,第一个选项卡“以浏览器为中心”,并带有蓝色边框,如下所示:
我正在使用:
这是一个unk客: https ://plnkr.co/edit/HjKjHegAQ1ReY39lSD2V ? p = preview
plunkr的js代码:
angular.module('fooApp', ['ui.bootstrap']);
angular.module("fooApp").controller("fooController", ["$scope", "$uibModal", function($scope, $uibModal) {
$scope.openModal = function () {
var modalScope = $scope.$new();
var modalInstance = $uibModal.open({
templateUrl: 'modal.html',
controller: 'modalController',
scope: modalScope,
size: 'lg'
});
modalInstance.result.then(function (result) {
}, null);
};
}]);
angular.module("fooApp").controller("modalController", ["$scope", "$timeout", function($scope, $timeout) {
}]);
plunkr的html:
<div class="modal-body">
<uib-tabset>
<uib-tab select="ngGridFix()">
<uib-tab-heading>
<i class="glyphicon glyphicon-file" style="margin-right: 15px"></i>
<strong>Foo</strong>
</uib-tab-heading>
<p>Foo</p>
</uib-tab>
<uib-tab select="ngGridFix()">
<uib-tab-heading>
<i class="glyphicon glyphicon-question-sign" style="margin-right: 15px"></i>
<strong>Help</strong>
</uib-tab-heading>
<p>Help</p>
</uib-tab>
</uib-tabset>
</div>
关于如何删除此蓝色边框的任何线索?
......我更新为bootstrap ui 2.5.0
(从2.2.0版开始),此问题已解决(无蓝色边框)
它似乎在bootstrap ui 2.3.1
已修复
https://github.com/angular-ui/bootstrap/blob/master/CHANGELOG.md
情态的:恢复对open(8a4f625)的关注行为,关闭#6295
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.