Tag: angular-ui-bootstrap
Ein set von AngularJS-Direktiven basiert auf Twitter Bootstrap – markup und CSS
Warum Modul " ui.bootstrap' ist nicht verfügbar?
3 Antworten
Ich versuche dieses einfache tutorial, um zu versuchen, UI Bootstrap: https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together Aber ich bin, läuft in zwei Probleme. SyntaxError: erwartet Ausdruck, hab '<' in ui-bootstrap-1.3.3.js:5:0 Dies ist das erste problem. Ich habe nicht bearbeitet, nichts in der
Wie erstellt man eine dynamische Statusanzeige mit Stufen und ersteigbare input mit angularjs?
2 Antworten
Ich versuche mich zu entwickeln, einen progressiven bar für Fundraising-Aktivitäten. Der minimale Wert ist der Wert für die Aktivität stattfinden soll und der maximale Wert ist der max-Fonds übernehmen kann. Es wird das beste sein, wenn sich
Probleme mit der aktiven Registerkarte Standard mit AngularJS UI-Boostrap, und UI Router
2 Antworten
Bei der Verwendung eines UI-Boostrap tabset zusammen mit verschachtelten sticky Staaten erstellt mit ui-router und ui-router-extras, ich habe ein Problem, wo navigieren Sie zu einer Registerkarte, die Staat über die URL wählen, wird die erste Registerkarte, die
Warum ng-Modell nicht definiert ist?
1 Antworten
Habe ich drei angular-ui-bootstrap-typehead in einer form <form> <div class="form-group"> <label for="fieldname" class="col-md-3 control-label">Name</label> <div class="col-md-6"> <input type="text" ng-model="newItem.customSelected" typeahead="name as name.name for name in members | filter:{name:$viewValue}" class="form-control" /> </div> </div> <div class="form-group"> <label for="fieldhname" class="col-md-3
Programmgesteuert klicken Sie auf ändern, um die aktuelle Registerkarte in der Benutzeroberfläche von Bootstrap
2 Antworten
Ich soll zum aktivieren der tabs programmatisch, aber konnte nicht einen Weg finden. Hier ist ein plunker für diese. HTML: <tabset> <tab id="a1" heading="Static 1">Static 111</tab> <tab id="a2" heading="Static 2" ng-attr-active="{{nd}}">Static 222</tab> </tabset> JS: $scope.nd = true;
Angular UI modal-Richtlinie, hintergrund fehlt
5 Antworten
Habe ich keinen hintergrund bei der Verwendung der modal-Richtlinie von den UI-Bootstrap http://angular-ui.github.io/bootstrap/. Der modal-selbst arbeitet. Habe ich versucht, sowohl mit der ui-bootstrap-tpls.js (Schablone im Lieferumfang enthalten) und ohne Vorlagen (Download manuell). Ich verglich die das markup
Zeigt eine google-Karte in angular-ui-modal?
4 Antworten
Versuchen zu laden, eine einfache google-anzeigen innerhalb einer angular-ui-modal. Allerdings kein Glück. Die Daten erhalten Sie übergeben in Ordnung, aber nichts funktioniert die Karte... Bitte um Hilfe. $modalInstance.opened.then(function() { var mapOptions = { center: new google.maps.LatLng(34.834442, -82.3686479),
Angular-UI-Router fehlschlägt, laden, Vorlage, dass ich nicht Fragen
2 Antworten
Plunker Code Zeigt Problem Unten Beschrieben http://plnkr.co/edit/Bz3Qhf1eDuFrnKI0qnUo?p=preview Ich bin mit zwei Komponenten des AngularUI-suite, UI-Router und UI-Bootstrap. UI-Router ist verantwortlich für das laden von Vorlagen, wenn der Benutzer klickt auf meiner top-navbar links. Nur die ersten beiden
Jahr und Monat nur datepicker angularjs und bootstrap
1 Antworten
ich habe ein problem ich will datepicker-von Datum-bis-Datum(check-in und check-out mit Monaten, nicht in Tagen) und es sollte mit den Monaten ,das problem ist: ich habe die Vorlage, aber es zeigt mir das den Tag und das
Angular UI bootstrap uibModalInstance.Ergebnis nicht nachgeben beliebigen Wert
2 Antworten
Unten ist mein code für die Richtlinie cabinet und meine beiden Controller CabinetThumbnails,ModalCtrl. Basierend auf meine Anforderung ich bin mit der Richtlinie cabinet und die CabinetThumbnails zu Rendern paar widgets und klicken Sie dann auf auf jedes
Wie zu trennen ng-Vorlage in einer separaten Datei
1 Antworten
Ich bin mit angularUI typehead für das input-element. Ich bin mit der benutzerdefinierten Vorlage zum anzeigen der Werte. Alle seine feinen arbeiten. Meine Frage ist wie kann ich die trennen die ng-template in eine separate Datei, so
Wie kann ich den Stil nur einem bestimmten angular-ui-bootstrap tooltip breiter zu sein?
2 Antworten
In meinem AngualrJS Anwendung, die wir benutzen angular-ui-bootstrap tooltips. Habe ich einen tooltip, der muss Platz für einen langen text. Die Antwort auf die Frage Die Anzeige von langen text in der Bootstrap tooltip zeigt mir, wie
Warum hat mein UI Bootstrap-datepicker-popup nicht mehr funktioniert?
2 Antworten
Ich aktualisiert, um UI-Bootstrap-0.11.0 und meine datepickers aufgehört zu erscheinen, wie Sie sollten. Ich habe eine plunker, die es zeigt an hier. Ganz einfach, ich habe: <input ng-model="formData.dueDate" type="text" id="dueDate" name="dueDate" class="form-control" datepicker-popup="MM-dd-yyyy" datepicker-append-to-body="true"> Der datepicker öffnet
ui.bootstrap tooltips aufgehört zu arbeiten
4 Antworten
Herausfinden können, warum würde das passieren. Andere Richtlinien aus ui.bootstrap-Arbeit: alert, progressbar usw. Noch popovers und tooltips für einige Grund aufgehört zu arbeiten. Hatte jemand dieses problem? Ich hatte ein problem vor - wenn aus irgendeinem Grund
ändern der Kalender-Höhe und-Breite von AngularJS UI-Bootstrap-datepicker
2 Antworten
Ich bin mit Angularjs UI-Bootstrap-datepicker (http://plnkr.co/edit/kMXeOm5ct4pPFH0ZJc8u?p=preview), die ist in Ordnung. Aber ich brauche zum ändern der Höhe und Breite des Kalenders. Ist es möglich?. Folgendes ist mein code : <div class="col-md-6"> <p class="input-group"> <input type="text" class="form-control" datepicker-popup="{{format}}"
Die Rückgabe von Daten aus eckig $uibModal hintergrund klicken
2 Antworten
Ich versuche, pass zurück, einen Wert aus einer uibModal. Ich kann definieren, der zurückgegeben wird, wenn der Benutzer klickt auf den modal schließen $scope.close = function () { $modalInstance.close($scope.editMade); }; Aber das funktioniert nicht, wenn der Benutzer
angular-ui-bootstrap-datepicker und masked input
1 Antworten
Ich mache gerade meine ersten Schritte in Eckige & hoffe, ich bin an der richtigen Stelle zu finden, eine Antwort auf meine Frage/Problem. Wenn nicht, bitte zeigen mich in die richtige Richtung. Ich bin mit dem angular-UI-bootstrap-datepicker
angularJS + UI bootstrap typeahead: filter:$viewValue funktioniert nicht
1 Antworten
Ich nicht zu verwalten, um die filter:$viewValue Arbeit in einer Eingabe mit typeahead. Ich bekomme die ganze Liste angezeigt, die mit den eingegebenen Zeichen hervorgehoben. Ich erwarte eine gefilterte Liste abhängig von den eingegebenen Zeichen. Hier ist
Bootstrap-Schalter fn ist nicht eine Funktion
1 Antworten
Ich versuche, die add bootstrap-Schalter, um eine rails-Projekt. Wenn ich mein Skript aus hier wie diese: <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.js" data-turbolinks-track="true"></script> Ich am Ende immer eine Fehlermeldung in der Konsole: Uncaught TypeError: Cannot read property 'fn' of undefined at
angular ui bootstrap popover nicht funktioniert
1 Antworten
bin ich angefangen zu lernen, angular-ui-bootstrap-Bibliothek und zu versuchen, eine popover arbeiten. Bin ich etwas fehlt in meinem setup? habe ich eine plunker Beispiel. meine Voraussetzung ist, um ein popover, über Zellen in einer Tabelle, die aktualisiert
Wohin mit dem import-Modul in einer neuen installation von ng-2-Bootstrap?
2 Antworten
Ich bin ein absoluter Neuling, versucht setup Bootstrap-ng2 (Angular2 mit Bootstrap4 css) mit diesem tutorial, so weit ich habe installiert die Abhängigkeiten: Winkel (erfordert Eckige version 2 oder höher, getestet mit 2.0-rc.5) Bootstrap-CSS - (getestet mit version
uib-Paginierung NICHT funktioniert Angularjs
1 Antworten
BEARBEITEN! Hinzugefügt mehr code-Schnipsel und plunker aktualisiert (WIEDER) Noch ziemlich neu Schwenk-und um Codierung im Allgemeinen. Habe ich versucht, und versucht zu instanziieren des UI-Paginierung von der Winkel-Richtlinien website. Ich habe durchforstet, Stack Overflow und codeProject und
TypeError: Cannot read property 'open', undefined
1 Antworten
Ich versuche, erstellen Sie ein POP-UP mit einem Modal in angular js.Ich bin vor und Problem.Seine sagt. TypeError: Cannot read property 'öffnen' von undefined. Ihre werfen bei $modal.open-Anweisung. Den code für die config wie folgt : homeModuleApp.config(function
AngularJS + Bootstrap-UI: der tooltip nicht ausgeblendet, wenn die Schaltfläche deaktiviert ist
3 Antworten
Ich bin erstellen einer web-app mit AngularJS + Twitter Bootstrap-und Bootstrap-UI. Wenn ich einen tooltip auf einen Knopf, es zeigt, wie erwartet, aber wenn der button bekommt deaktiviert (durch die zugrunde liegende controller), nachdem er angeklickt wurde,
Angular-ui-Bootstrap tooltips nicht angezeigt in ng-repeat (node-webkit app)
2 Antworten
Ich bin neu angular.js und node-webkit, und ich bin kämpfen, um bootstrap tooltips Arbeit in Inhalte, die dynamisch geladen werden per ng-repeat. Erste, ich habe versucht mit standard-bootstrap und habe die folgenden : http://jsfiddle.net/nsDFe/3/ app.directive('bsTooltip', function ()
Zeigen Bootstrap tooltip konzentrieren, wenn eine eckige Eingang hat einen Fehler
1 Antworten
Diesem Beispiel ist entnommen aus angularjs ist docs <form name="myForm" ng-controller="Ctrl"> userType: <input name="input" ng-model="userType" required> <span class="error" ng-show="myForm.input.$error.required">Required!</span> </form> Möchte ich erreichen das gleiche Verhalten, aber mit einem Bootstrap tooltip. Ich habe die Angular-UI-Bootstraped Projekt (http://angular-ui.github.io/bootstrap/)
Angular-UI-datepicker-überschreibt Platzhalter-text
3 Antworten
Ich würde gerne benutzerdefinierte Platzhalter-text in das Eingabefeld von meinem datepicker. Derzeit mein Platzhalter text wird überschrieben durch 'MM/DD/YYYY' Hier ist mein html: HTML: <input type="text" id=" coverpagedatefrom" class="form-control ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-date" data-ng-model="publishCtrl.clipbookSvc.clipbookModel.coverPageDateFrom" data-uib-datepicker-popup="MM/dd/yyyy" data-ng-focus="publishCtrl.open($event,
wie zu verwenden Flexslider oder parallax slider mit AngularJS (mit Angular UI)?
1 Antworten
Habe jemand versucht, mit Flexslider und Parallax-Slider in AngularJS-Anwendung? Keiner von Ihnen arbeitet, wenn ich Sie in der AngularJS-Anwendung. Das AngularJS-Anwendung ist auch mit dem UI-Bootstrap. Jede Beratung oder Vorschlag ist willkommen. Was nicht funktioniert? Die Schieberegler.
Ist es möglich, Winkel -.ui Bootstrap-Dropdown drop-UP?
4 Antworten
Ich bin mit angular ui.bootstrap und ich habe Erfolg Erstellung eines einfachen Dropdown-Menü, aber wenn man das Menü am unteren Rand der Seite, es geht aus der Seite. Gibt es einen Weg, um es zu öffnen in
Öffnen Sie die Liste auf focus
4 Antworten
Arbeite ich mit der angular bootstrap ui (typeahead) versuchen zu zeigen, die Liste meiner Kunden, wenn die Eingänge fokussiert ist, mit diesem: lima3app.directive('typeaheadOpenOnFocus', function() { return { require: ['ngModel'], link: function(scope, element, attr, ctrls) { element.bind('focus', function()
angular bootstrap-dropdown in eine Zelle der Tabelle
1 Antworten
Ich versuche eine angular bootstrap-dropdown in einer Tabelle. Das dropdown wird abgeschnitten, am Ende der Zelle. In diesem Bild, eine 'Andere option' beschnitten wird. Wenn ich eine normale select/option, bekomme ich diese (die dropdown-schwebt über dem Tisch
Angular UI Bootstrap-Modul Nicht Schließen auf die Schaltfläche Zurück
4 Antworten
Ich bin mit einem Modul aus dem UI-Boostrap-Erweiterungen (http://angular-ui.github.io/bootstrap). Das Modul dient eigentlich als laden-dialog wird automatisch geschlossen, wenn ein set von web service die Daten wieder auf meiner Winkel-code. Wie die Daten auf dieser Seite automatisch
Dropdown-Toggle mit AngularJS, der Schließt, Klicken Sie irgendwo auf
2 Antworten
Implementierung einer einfachen dropdown-Richtlinie verwendet, ng-show ein-oder ausblenden ein Menü ist trivial in AngularJS. Ich möchte auch das Menü schließen, wenn der Benutzer klickt an anderer Stelle in den Bildschirm nach öffnen des Menüs. Was ist die
Grunt Build funktioniert nicht mit Bower installierten Komponenten
3 Antworten
Ich versuche zu laufen grunt build in einem Verzeichnis, das erstellt wurde, indem yo angular Ich installiert angular-ui-bootstrap über bower. Vor Ort habe ich benötigt, um hinzuzufügen <script src="components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> meine index.html und angular.module('app', ['ngResource', 'ngCookies', 'ui.bootstrap']) meine
Einstellung der aktiven Registerkarte auf dynamisch erstellten Registerkarten mit Angular UI Bootstrap
2 Antworten
Habe ich eine dynamische tabset erzeugt, dass der Registerkarten aus einem array beginnt aus leer. Wenn ich ein neues Element hinzufügen, um das Feld es erscheint eine neue Registerkarte. Ich will, dass die zuletzt hinzugefügten Registerkarte, um
Angular UI Bootstrap-Modal-Streifen-id-und class-Attribute
2 Antworten
Live-Beispiel Hinzufügen der folgenden Angular UI Bootstrap Modal: <div id="my-id" class="my-class" modal="opened"> <p>Modal Here</p> </div> Ergebnisse in: <div class="modal ng-scope"> <p>Modal Here</p> </div> Warum die id und class Attribute entfernt werden? Möchte ich einige CSS-styling auf den
Angular-ui-im tooltip wird nicht korrekt angezeigt, in ng-raster
2 Antworten
Ich gesucht habe einige Zeit nach einer Lösung für die Anzeige eines tooltip ng-raster, aber mit kein Glück. Wenn ich den cellTemplate auf ng-raster für die Anpassung der Zelle, um eine QuickInfo, die ich erlebt habe, verschiedene
Fehler: [$Injektor:nomod] Modul 'ui.bootstrap' ist nicht verfügbar! während Karma run in webstorm
1 Antworten
Hallo, ich bin immer die folgende Fehlermeldung in webstorm während der Ausführung von karma-test laufen Error: [$injector:nomod] Module 'ui.bootstrap', 'ui.unique' is not available! You either misspelled the module name or forgot to load it. If registering a
AngularJS + UI Bootstrap Typeahead: preload-Wert vom Objekt-in das Eingabefeld
1 Antworten
Ich versuche, mit AngularJS + UI Bootstrap Typeahead zu füllen, der im input-Feld mit dem name-Attribut eines Objekts, während ich das id-Attribut dieses Objekts, wenn das Formular gesendet wird. Das problem ist, dass wenn ich versuche, laden
wie angular-ui-typeahead auslösen wenn der Fokus
3 Antworten
Ich bin mit angular-ui-typeahead. Wie kann ich das auslösen des popup-Elemente, wenn sich der Fokus auf das Eingabefeld, nicht nach der Eingabe. Hier ist ein weiterer typeahead-Modul, das tut es: mgcrea.github.io/Winkel-Gurt/##typeaheads ...und es wurde die Frage gestellt,
mit angular-ui-bootstrap-datepicker-und timepicker in einem popup-Fenster
3 Antworten
Muss ich meine Benutzer in der Lage sein, um ein bestimmtes Datum /Uhrzeit in einem input-Feld. Möchte ich nutzen, angular-ui-bootstrap-Bibliothek, wie es vermeidet, das Jquery-Abhängigkeit. Das problem ist, dass selbst wenn es enthält einen datepicker und timepicker,
Zum deaktivieren klicken Sie auf ein Akkordeon-Gruppe hin?
2 Antworten
Diese ist eine abgespeckte version des Akkordeon-Beispiel hier. <accordion> <accordion-group heading="Static Header"> This content is straight in the template. </accordion-group> </accordion> Wie ist es möglich, zu deaktivieren, klicken Sie auf den Akkordeon-Gruppe Bezeichnung. Ich habe versucht, ng-disabled=true
Angular UI Bootstrap-modal - verwenden Sie benutzerdefinierte modales Fenster
3 Antworten
Wie in dem link http://angular-ui.github.io/bootstrap ( wählen Sie aus modal-Richtlinie drop-down auf der Oberseite), es gibt einen parameter namens windowTemplateUrl die verwendet wird, um über die Fahrt der modal content. Also, im Falle, dass wir uns mit
Angular UI Bootstrap tabset + ng-include
1 Antworten
Ich habe Probleme beim einrichten einer tabset mit dynamischen Inhalten mithilfe von ng-include. Ich versuchte erfolglos mit ng-repeat : <tabset justified="true"> <tab ng-repeat="tab in tabs" heading="{{ tab.heading }}" active="tab.active"> <div ng-include="tab.template"></div> </tab> </tabset> Auch, ich habe versucht,
Angularjs ui-bootstrap: wie vertikalen Mitte der modalen Komponente?
3 Antworten
Kürzlich bin ich learning angularjs. Ich habe verwendet bootstrap vor. Mit jquery kann ich ganz einfach ändern Sie die position des modalen Komponente position, um es vertikal auszurichten. Jetzt mit angularjs, es scheint nicht sehr einfach zu
Wie zu verwenden Winkel-Komponente mit ui.bootstrap.modal in eckige 1.5?
4 Antworten
Ich möchte die Winkel-Komponente mit ui.bootstrap.modal. eckige version ist 1.5. Ich habe versucht, zu verwenden wie unten. Komponente function MyComponentController($uibModalInstance){ var ctrl = this; ctrl.doSomething = function() { //doSomething } } app.component('myComponent', { contoller: MyComponentController, templateUrl: '/path/to/myComponent.html'
AngularJS/UI-Bootstrap - Ausblendung Alarm auf entfernen
2 Antworten
Ich bin mit Eckig mit UI Bootstrap. Ich habe die benutzerdefinierte Richtlinie, die schiebt ausgestrahlt alerst in die Reihe von Warnungen, die verpflichtet sind, die anzeigen (Rendern als Bootstrap alerts). Nach der gewissen Zeit die Warnungen kommen
uib-popover-html wird nicht akzeptieren, meine html-string
2 Antworten
Ich benutze die Versionen 0.14.2 von angular-ui-bootstrap. Ich war nicht in der Lage zu display-Zeile zurückgibt, in der popover. Ich benutze die popover-html-Direktive, und ein string wie Limite inférieure<br>Limite supérieure Es gibt die folgende Fehlermeldung : Lexer
Angularjs UI-Bootstrap: Wie ändere uib-Registerkarte CSS
1 Antworten
Ich bin mit dem UI-Bootstrap-tabs, und ich möchte das ändern der CSS-Code für einige der Komponenten, bin aber nicht sicher, wie genau, um auf die verschiedenen Elemente. Elemente ich möchte zu ändern, ist der text für den
Liste neu laden nach dem Schließen Modal
2 Antworten
Habe ich eine Liste der Marken: <script type="text/ng-template" id="list.brands"> <table class="table table-striped table-bordered bootstrap-datatable datatable dataTable" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info" ng-controller="BrandsCtrl"> <input type="text" ng-model="searchBox"> <thead> <tr> <th><tags:label text="brandid"/></th> <th><tags:label text="name"/></th> <th><tags:label text="isactive"/></th> <th></th> </tr> </thead> <tbody> <tr id="actionresult{{$index +