में एक करीबी टैब बनाने के लिए कैसे मैं क्लोज़ेबल टैब बनाना चाहता हूं (जैसे क्रोम टैब या फ़ायरफ़ॉक्स टैब, जिसमें प्रत्येक टैब पर छोटा "x" होता है)। इस कार्यक्षमता को जोड़ने के लिए UI-Bootstrap में तैयार किए गए टैब घटक को कॉन्फ़िगर कैसे करें?angularjs UI-Bootstrap
धन्यवाद।
आप अपने टैब-शीर्षक में एचटीएमएल & एनजी-क्लिक का उपयोग कर सकते हैं, उदा।
<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/
धन्यवाद! वास्तव में मैं क्या चाहता हूँ। – janetsmith
यह सुनिश्चित नहीं है कि यह वैध HTML है क्योंकि एक टैग टैब निर्देश द्वारा उत्पन्न टैग के तहत घोंसला जाएगा। – kentor
मानते हैं कि यह एक सा बहुत व्यापक है, यह भी आप दिखाना चाहिए क्या आप विशेष रूप से (लिंक/कोड) के साथ काम कर रहे हैं और आप क्या कोशिश की है। – shaunhusain
मैं यह जानने की कोशिश कर रहा हूं कि इसके लिए तैयार पुस्तकालय है या इसके लिए कोई कॉन्फ़िगरेशन है या नहीं। मौजूदा सामान की खोज करने से पहले कोडिंग में कूदना एक अच्छा अभ्यास नहीं है। – janetsmith
सच है लेकिन शोध करने के बिना SO में आना स्वयं भी अच्छा अभ्यास नहीं है। http://stackoverflow.com/questions/how-to-ask ध्यान दें कि पहला चरण अनुसंधान है। मैं आपको उसमें ले जाता हूं कि मैं सूरज के नीचे सबकुछ बनाने शुरू करने से पहले देखना चाहता हूं, लेकिन एस ए से बी तक निर्देशित सहायता के लिए है। क्या आप एंगुलरयूआई को शुरुआती बिंदु या कोणीय पर बने किसी अन्य कोड के रूप में उपयोग करने की कोशिश कर रहे हैं? क्या आपके पास टैब कोड है और नजदीकी हिस्से को समझ नहीं सकता? ड्रॉप लिंक लोगों को जवाब देने में आसान बनाता है और आपको एक प्राप्त करने की अधिक संभावना होती है। – shaunhusain