.sub-nav li a:hover,.sub-nav li:hover{
color: #000 !important;
/* border-bottom: 2px solid #58616d;*/
/*background是設背景圖，會把icon換掉的，要改backgroupd-color即可*/
/*background:#dfdfdf !important;*/
background-color: #dfdfdf !important;
}
// Recreates old behavior of ng-transclude. Used internally.
.directive('uisTranscludeAppend', function () {
return {
link: function (scope, element, attrs, ctrl, transclude) {
transclude(scope, function (clone) {
element.append(clone);
});
}
};
})
//再focus執行前，加入tabindex屬性
$dropdownMenu.attr('tabindex',-1).fadeIn().focus();
// Get the focused element:
var $focused = $(':focus');
// No jQuery:
var focused = document.activeElement;
// Does the element have focus:
var hasFocus = $('foo').is(':focus');
// No jQuery:
elem === elem.ownerDocument.activeElement;
:focus {
outline: none;
}
.dropdown-menu:before {
position: absolute;
top: -7px;
left: 9px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown-menu:after {
position: absolute;
top: -6px;
left: 10px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: '';
}
效果
$state.go('admin.productlist.uuid',
{
uuid: product.FD_CurrentFilePathHash
});
// Admin page for productlist/:uuid
$stateProvider
.state('admin', {
abstract: true,
template: "",
data: {
authorizedRoles: [USER_ROLES.admin]
}
})
.state('admin.productlist.uuid', {
/*manage user page */
url: '/productlist/:uuid',
views: {
// the main template will be placed here (relatively named)
// replace unnamed view '
' in this state's parent state, 'home'.
'': {
templateUrl: 'partials/global.index.html'
},
//viewname@statusname
// the child views will be defined here (absolutely named)
'header@admin.productlist': {
templateUrl: 'partials/global.header.html',
controller: 'HeaderCtrl'
},
'main_body@admin.productlist': {
templateUrl: 'partials/product_dm/productlist.body.html',
controller: 'ProductListCtrl'
},
// for column two, we'll define a separate controller
'footer@admin.productlist': {
templateUrl: 'partials/global.footer.html'
}
},
data:{
pageTitle: '產品DM'
}
});
<div ng-controller="TabsDemoCtrl">
{{model.selection}}
<tabset>
<tab heading="Justified">
<input ng-model="model.selection">
</tab>
</tabset>
</div>
angular.module('plunker', ['ui.bootstrap']);
var TabsDemoCtrl = function ($scope) {
$scope.tabs = [
{ title:"Dynamic Title 1", content:"Dynamic content 1" },
{ title:"Dynamic Title 2", content:"Dynamic content 2", disabled: true }
];
$scope.model = {selection: ''};
$scope.options = ['a', 'b', 'c', 'd'];
$scope.alertMe = function() {
setTimeout(function() {
alert("You've selected the alert tab!");
});
};
$scope.navType = 'pills';
};
.directive('multimails', function() {
return {
require: 'ngModel',
link: function(scope, elm, attrs, ctrl, ngModel) {
var validator = function(value) {
// console.log('validator: ' + value);
if (value != '' && typeof(value) != 'undefined') {
var splitMailsArr = value.split(';');
// .filter(function(el) {return el.length != 0});
for (var i = 0; i < splitMailsArr.length; i++) {
var currMail = splitMailsArr[i];
// console.log('currMail: ' + currMail);
if (currMail != '') {
if (/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i.test(currMail)) {
ctrl.$setValidity('multimails', true);
// console.log('pass');
} else {
ctrl.$setValidity('multimails', false);
// console.log('no pass');
break;
}
}
}
return value;
}
};
//驗證規則的順序
ctrl.$parsers.unshift(validator);
ctrl.$formatters.unshift(validator);
}
};
})
//列印網頁
function printPage(text){
var text= document;
print(text);
}