Desidero creare schede chiudibili (come la scheda di Chrome o la scheda di Firefox, che ha una piccola "x" su ogni scheda). Come configurare il componente della scheda ready-made in UI-Bootstrap per aggiungere questa funzionalità?Come creare una scheda chiudibile in angularjs UI-Bootstrap
Grazie.
è possibile utilizzare html & ng-clic nella tab-heading, ad es.
<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/
Grazie! Esattamente quello che voglio. – janetsmith
Non sono sicuro se questo è HTML valido perché un tag verrà annidato sotto un altro tag generato dalla direttiva tab. – kentor
credere che questo è un po 'troppo ampia, inoltre si dovrebbe mostrare ciò che si sta lavorando con particolare (collegamenti/codice) e mostrare quello che hai provato. – shaunhusain
Sto cercando di trovare se c'è una libreria pronta per questa o qualsiasi configurazione per questo. Saltare nella codifica prima di cercare le cose esistenti non è una buona pratica. – janetsmith
Vero, ma venire in SO senza fare ricerche non è una buona pratica. http://stackoverflow.com/questions/how-to-ask Nota che il primo passo è la ricerca. Ti prendo in quello che mi piace guardare prima di iniziare a costruire tutto sotto il sole, ma SO è per l'aiuto guidato da A a B. Stai cercando di usare AngularUI come punto di partenza o qualche altro codice costruito su Angular? Hai un codice di tabulazione e non riesci a capire la parte vicina? I link di rilascio rendono più facile per le persone dare una risposta ed è più probabile che tu ne ottenga una. – shaunhusain