Kapatılabilir sekmeler oluşturmak istiyorum (her sekmede küçük bir "x" olan krom sekme veya firefox sekmesi gibi). Bu işlevselliği eklemek için UI-Bootstrap'te hazır sekme bileşenini nasıl yapılandırabilirim?Angularjs içinde kapatılabilir bir sekme oluşturma UI-Bootstrap
Teşekkürler.
sekme başlığınızdaki html & ng tıklamayı kullanabilirsiniz.
<div ng-controller="mainCtrl">
<tabset>
<tab ng-repeat="t in tabs">
<tab-heading>{{t.title}} <a ng-click="removeTab($index)" href=''><i class="icon-remove"></i></a></tab-heading>
<div ng-bind-html-unsafe='t.content'></div>
</tab>
</tabset>
</div>
angular.module('myApp', ['ui.bootstrap']).controller("mainCtrl", function ($scope) {
$scope.tabs = [{
title: "one",
content: '<h1>tab one</h1>'
}, {
title: "two",
content: '<h1>tab two</h1>'
}, {
title: "three",
content: '<h1>tab three</h1>'
}];
$scope.removeTab = function (index) {
$scope.tabs.splice(index, 1);
};
});
JSFiddle: http://jsfiddle.net/alfrescian/ZE9cE/
Teşekkürler! Tam olarak ne istediğimi. – janetsmith
Geçerli bir HTML olup olmadığından emin değilsiniz, çünkü bu etiket sekme yönergesi tarafından oluşturulan başka bir etiketin altında yer alır. – kentor
ayrıca özel olarak (linkler/kod) nasıl dans ettiğini göstermek ve ne denedim göstermelidir, bu biraz fazla geniştir inan. – shaunhusain
Bunun için hazır bir kütüphane veya bunun için herhangi bir yapılandırma olup olmadığını bulmaya çalışıyorum. Mevcut şeyleri aramadan önce kodlamaya atlamak iyi bir uygulama değildir. – janetsmith
Doğru ama araştırma yapmaksızın SO'ya gelmek de iyi bir uygulama değildir. http://stackoverflow.com/questions/how-to-ask İlk adımın araştırılmasıdır. Seni güneşin altında herşeyi yapmaya başlamadan önce bakmaktan hoşlanıyorum, ama SO A'dan B'ye rehberlik etmek içindir. AngularUI'yi başlangıç noktası veya Angular üzerine inşa edilmiş başka bir kod olarak kullanmaya mı çalışıyorsunuz? Sekme kodunuz var mı ve yakın bölümü anlayamıyor musunuz? Bırak bağlantıları, kullanıcıların bir yanıt vermesini kolaylaştırır ve bir tanesini alma olasılığınız daha yüksektir. – shaunhusain