Tag: angular-ui
AngularUI ist die Verbesserung companion suite auf das AngularJS-framework. Es enthält UI-widgets und Richtlinien, die sind nicht Teil des AngularJS-core, aber sind Häufig erforderlich, in einem Projekt.
ng-repeat und ui-wenn
2 Antworten
Wenn ich will, mit ui -, wenn (anguluarUi) mit ng-repeat (und ich denke, es wäre am sinnvollsten es) Bekomme ich eine Fehlermeldung: Error: Multiple directives [uiIf, ngRepeat] asking for transclusion on: <!-- uiIf: oConnection.aOptions --> Gibt es
Angular-UI -, Modal -, inline-template und controller
3 Antworten
Möchte ich eine wirklich einfache Bestätigung-box mit UI-modal, die ich erfolgreich verwendet, um komplizierte modals, die laden Ihre Vorlage und Steuerung von externen Dateien in der Vergangenheit. Es ist so einfach, aber ich will nicht zu verlassen
Holen Sie sich stateParams auf ändern ohne reload
2 Antworten
Mache ich eine app mit angular ui router. Beim navigieren zu einem bestimmten Zustand, die hat immer ein Parameter übergeben werden, ich muss in der Lage sein zu ändern die url und die Parameter aktualisiert ohne Neuladen
AngularJS verschachtelte modale Dialoge
3 Antworten
Ich bin der Portierung einer großen CRUD-business-Anwendung, die erstellt wurde mit Oracle-forms-Technologie, um das web (HTML5 /AngularJS /RESTful-web-services). Teil der Art und Weise, die business-Logik eingestellt ist, hängt von der Verfügbarkeit der modale Dialogfelder, die zeigen, CRUD-Netze.
wie setzen Sie active auf angularjs-bootstrap-Registerkarte
1 Antworten
bin mit Angular Bootstrap UI zu zeigen, ein tabset mit statischen Inhalten (mit AngularUI-bootstrap). Hier ist die plunker link, der verdeutlichen mein Problem http://plnkr.co/edit/n8Xp3GrAqlbNxZ7VrXR6?p=preview Das Problem ist, wenn ich einstellen will das 1. tab unsichtbar und die
Gewusst wie: Aktualisieren von Ng-repeat Mit AngularJs
2 Antworten
Ich bin erstellen einer Tabelle mit wenigen Daten. Ich don ' T wollen, laden Sie alle Daten auf einmal. Also ich erstelle eine Schaltfläche auf der Ansicht, wenn der Benutzer klicken Sie auf, dass buttoon dann traf
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;
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
AngularUI Bootstrap Popover Nicht Funktioniert
2 Antworten
Warum ist dieser popover arbeiten? Plunker <body> <div class="flexbox margin-top"> <div class="flexible"></div> <div class="flexbox"> <button class="btn btn-sm btn-success" popover-template="'template.html'" popover-placement="left">Click</button> </div> </div> <script type="text/ng-template" id="template.html" > <div> <textarea>Some text, some text, some text</textarea> <button class="btn btn-sm">Update</button> </div>
Angular UI Bootstrap vs. AngularStrap vs Bootstrap
2 Antworten
Ich haben erforscht Möglichkeiten, um mithilfe von Bootstrap mit Winkel-und es scheint, konzentrieren sich auf zwei: Angular UI Bootstrap AngularStrap Ich sehe eine Dritte Möglichkeit, die nur mit nativen Bootstrap. Was sind die pro/cons von allen Ansätzen?
Was ist die Verwendung von angular-ui-Maske?
1 Antworten
https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html Dies ist die einzige Dokumentation, die ich finden konnte. Und es macht nicht viel Sinn für mich. Es gibt keine offizielle demo verfügbar, soweit ich sehen kann. ui-Maske-Platzhalter und ui-Maske-Platzhalter-char nicht zu funktionieren scheint. Wenn der
Benötigen Sie eine callback-nach dem filtern die Zeilen bei der Verwendung von ng-repeat zusammen mit dem filter in angularjs
1 Antworten
Ich bin mit angularjs ng-repeat, um füllen Sie die erforderlichen Daten in das datagrid. Something like this: <input type="text" placeholder="Search" ng-model="query"> <tr ng-repeat="item in items | filter:query"> <td>{{item.someData}}</td> <td>{{item.someOthrData}}</td> </tr> wenn ich geben Sie einige Abfrage-string zum
ä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}}"
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
Wie beibehalten optionale Status-parameter auf browser-zurück in den ui-router?
4 Antworten
Bin ich mit einem Elternteil Zustand, hat zwei Kinder Stand drinnen, dass ich zeigen werde, der einen Staat auf der Grundlage der URL. Aus diesen zwei states eine ist, dass man Parameter wie param1 und param2 habe
Mit gotoDate in fullCalendar mit Angular UI
3 Antworten
Ich habe setup ein Kalender mit FullCalendar mit Angular UI. Es funktioniert gut, ich kann Umschalten Kategorien von Ereignissen nett, aber jedes mal, wenn die Ereignisquelle ist, aktualisiert der Kalender-Ansicht auf das aktuelle Datum. Ich habe versucht,
Angular-ui-utils scrollfix
3 Antworten
wollte ich nutzen ui-Utils-Modul: scrollfix eine <div> beim start auf 100 Pixel, und wenn ich nach unten scrollen, es sollte fest auf 0px. <div ui-scrollfix="+100">test</div> Auf dem scrollfix demo-Website ist ein hintbox, die sagt: Denken Sie daran,
Wie verwalten Zustand mit ui-router mit mehreren Modulen
1 Antworten
Habe ich eine app-Seite mit 3 Spalten. In der mittleren Spalte ist die Haupttätigkeit und wird immer angezeigt. Die beiden seitlichen Säulen sind widget-Listen, die haben Ihre eigenen controller und Staaten, und Sie können entweder ausgeblendet oder
Angular-UI Ein Tag abgezogen wird, Datum bei der ui-Datum
4 Antworten
Die situation Ich möchte mit ui-Datum einstellen/Bearbeiten Sie einen Termin in meiner app. Ich benutze die Letzte stabile Versionen von angular, angular-ui, jquery-ui, etc. Das problem Sobald ein Datum ausgewählt ist, mithilfe der datepicker das Datum in
Eckig, Bootstrap, Kann nicht modal angezeigt
3 Antworten
Hier ein plunker, die repliziert das Problem, das ich habe. Lange und die kurze von ihm, bekomme ich den hintergrund angezeigt, und die Konsole zeigt das modale Wesen tauchte auf dem DOM, aber nicht sichtbar. Nicht sicher,
Ionic-Liste: streichen Sie zu entfernen?
2 Antworten
Gibt es keine Möglichkeit zur Umsetzung der "swipe-to-remove" (wie in der Android task-Bildschirm) - Funktionalität mit "ion-Liste"? Habe ich gefunden "kann-swipe" - Richtlinie, die erlaubt, fügen Sie einige Schaltflächen, die erscheinen, unter teilweise geklaut Element, aber das
warum angular-ui-neue state-router-übergänge fest, wenn nur die Parameter ändern?
1 Antworten
Ich bin mit dem neue angular-ui-router, der eine, verfügt über eine state-Maschine im Lieferumfang enthalten (https://github.com/angular-ui/ui-router). Dieser tolle router ermöglicht einem Benutzer zum angeben von Parametern als Teil der URL. Beispiel: $stateProvider .state('contacts.detail', { url: "/contacts/:contactId", templateUrl:
Multi-gefüttert (word-wrap) wählen Sie Auswahl im angular-ui-wählen Sie
3 Antworten
Ist es möglich, die Auswahl in angular-ui-wählen Sie mehrzeilig? Ich weiß, dass Sie nicht tun können, die in herkömmlichen input auswählen, aber auch hier muss es möglich sein. Wenn Sie CSS-guru, der plunker ist hier: http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview <ui-select
UI-Router - Bereich nicht zerstört Zustand zu ändern?
2 Antworten
Ich bin ein neuer Benutzer, AngularJS und ui-router, und ich bin versucht zu drehen, mein Kopf herum wie der Umfang verwaltet wird. Ich hatte erwartet, des Geltungsbereichs einer active-controller zerstört werden würde, wenn es inaktiv wird, auf
Wie zu verwenden Selectize Thema im ui-wählen Sie?
2 Antworten
ich habe ein problem anwenden selectize Thema zu meiner ui-wählen Sie in angular.js App. Ich folgte der Anweisung hier - https://github.com/angular-ui/ui-select . Es scheint einfach genug, aber ich kann Sie nicht den Eingang zu zeigen, DEMO -
Wie zu verwenden eckig.element-find-Funktion zum suchen anhand von JQuery-Selektor ?
1 Antworten
describe("create a simple directive", function () { var simpleModule = angular.module("directivesSample", ); simpleModule.controller('Ctrl2', function ($scope) { $scope.format = 'M/d/yy h:mm:ss a'; }); simpleModule.directive("myCurrentTime", function ($timeout, dateFilter) { return function (scope, element, attr) { var format; var timeoutId;
AngularJS/ng-grid - Aktualisierung array mit splice nicht aktualisiert UI
3 Antworten
Ich bin versucht, zu aktualisieren ng-raster mit array splice. Ich habe ein plunk hier. Schaltfläche hinzufügen fügt neue Zeile ein. Update button aktualisiert Letzte Element im array. Wählen Sie eine Zeile aus & drücken Sie die Schaltfläche
Wie dynamisch deaktivieren, ui-sortable-Richtlinie in angular-ui
4 Antworten
Ich bin mit angular-ui sortable mit dem ui-sortable-Richtlinie. Ist es möglich, dynamisch zu aktivieren/deaktivieren, Sortier-Funktionalität basierend auf dem Umfang Zustand? Also brauche ich eine Schaltfläche die änderungen der Zustand der scope-Eigenschaft und je nach dieser Eigenschaft sortierbar
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
AngularJs Vorlagen laden nicht im internet explorer 8
1 Antworten
Ich bin nicht in der Lage ist zu Rendern von AngularJs die templates in Internet Explorer 8, ich habe mehrere Vorschläge für die Verwendung von AngularJs im Internet Explorer, aber ich bin noch nicht in der Lage,
Modul " ui.bootstrap' ist nicht verfügbar - Angularjs
3 Antworten
Stehe ich vor einem seltsamen problem mit meinem angularjs-Projekt. Habe ich eine website wie - www.server.com/pwm (home-Seite). In der Seite ist ein Anker-tag mit nimmt mich mit zu einer anderen Seite - www.server.com/publishers. Wenn ich laden Sie
ng-Muster funktioniert nicht mit angular-ui-datepicker
3 Antworten
Ich möchte an ng-pattern, um die weitere Durchsetzung der Datum-format auf ein input-Feld mit Angular UI-datepicker. Das problem ist, wenn ich dies tun, ist es immer angezeigt ungültig. <p class="input-group"> <input type="text" datepicker-popup="MM/dd/yyyy" is-open="opened" close-text="Close" ng-model="someDate" class="form-control"
Angular-Translate Verwenden, die mit der Richtlinie
1 Antworten
Hier fiddle link .... Ich bin versucht, zu aktualisieren, den Inhalt der Richtlinie mit $translate und über den controller. Es ist eine andere Allgemeine Möglichkeit, das gleiche zu tun(link in der Richtlinie?? ) .Wenn ich Sie benutzen
Globale Funktionen in angularJS
2 Antworten
Ich bin neu in angularJS. So benötigen Sie Hilfe zum hinzufügen von globalen Funktionen in eckigen Projekt? Das laden der Datei my Winkel-app ist mit showScrollAndGo Funktion Arbeit als Globale Methode, aber es funktioniert nicht. Code app.js
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
Wie legen Sie eine Standard-URL/ - route?
1 Antworten
Ich bin Implementierung AngularUI die routing-und die scheinen zu fehlen, etwas über so konfigurieren Sie eine Standard-URL. Es scheint, wie der folgende code würde die Standard-Benutzer /dashboard/tree aber wenn ich die Seite aktualisieren, wird die url fügt
Wie set-aggregation mit Gruppierung in ng-raster
1 Antworten
Will ich sehen, Summen (oder allgemein die aggregation-Funktion) für jede Gruppe in ein raster. Dieser angefordert wurde und geschlossen wie in Thema: https://github.com/angular-ui/ng-grid/issues/95 (aber leider ohne Beispiel). Ich bin in der Lage, neu zu definieren Standard-Vorlage https://github.com/angular-ui/ng-grid/blob/master/src/templates/aggregateTemplate.html
Angularjs - Verwendung von orderby-filter im controller-Bereich
1 Antworten
Ich habe ein array von Objekten, D. H. gefiltert und ausgelagerten und nun möchte ich, um die Liste der Elemente, die durch unterschiedliche Objekt-Attribute. Ich habe versucht, die orderBy filter wie folgt: <th><a href='' ng-click="reverse = sortParam
Bild beschneiden mit AngularJS
3 Antworten
Ich soll der Benutzer ein Bild zuzuschneiden, ich fand das JQuery-plugin - http://deepliquid.com/content/Jcrop.html Ich habe versucht, es mit Angular-ui der Jquery-passthrough-option, indem die ui-jq=Jcrop Richtlinie zur <img> Das problem ist, dass Wenn ich mit ng-src dynamisch ändern,
angular-ui-bootstrap $modal service using-Direktive statt
5 Antworten
Die Beispiele, die ich sehen der Verwendung von angular-ui/bootstrap ist $modal immer wie folgt Aussehen: $modal.open({ templateUrl: 'modaltemplate.html', controller: function($scope) { ... } }); Was ist, wenn ich verwenden möchten, eine Richtlinie statt? Wie diese: $modal.open({ template:
Popover-Vorlage in Eckigen UI
3 Antworten
Ich bin mit angular-ui-bootstrap in meinem aktuellen Projekt habe ich eine Voraussetzung für ein popover zu öffnen, in der jede Zeile in einer Tabelle mit Zeilen-spezifische Informationen. Das popover sollte seine eigenen HTML-Vorlage und es gibt mehrere
Wie schließen/öffnen angular-ui-bootstrap-Akkordeon ein Programm - in der js-Datei
2 Antworten
Erstens, eine ähnliche Frage wurde beantwortet vor, aber die oben erwähnten löst nicht mein Problem. Möchte ich - aus meiner js, nicht in meine html - fähig sein, zum schließen des aktuellen Akkordeon-und öffnen den nächsten. Bitte
Wie zu injizieren, '$modalInstance' in einen controller?
3 Antworten
In meiner Anwendung nach und nach fand ich heraus, dass ein Benutzer nicht eingeloggt ist, will ich um zu öffnen ein Modaler dialog: .when('/showtask/:id', {templateUrl: 'Home/Template/showtask', resolve: ShowTaskCtrl.resolve, access: { allowAnonymous: false }, resolve: { userAuthenticated: ["$http",
Feuer angularjs-event-wenn tab/browser schließen
1 Antworten
Ich würde gerne Feuer js-code im angularjs-controller. Habe ich dieses: $scope.$on('$destroy', function () { alert('page1'); }); Dies ist in Ordnung, wenn ich die Navigation von der Seite Weg, das ist mit diesem controller, sondern seine nicht funktioniert,
AngularJS mit ng-scroll-und ng-repeat
2 Antworten
Verwendung von angular-ui mit den eckigen. Markup enthält eine ng-scroll element, das ich an der Arbeit mit abgerufenen Daten aus einem Dienst. Ich möchte Zeilen von Elementen, so dass eine ng-repeat innerhalb einer ng-scroll. Dies funktioniert im
Wie setzen Klasse/Stil Akkordeon überschrift in Eckigen UI
2 Antworten
Ich bin mit Angular UI zu Rendern littel Datenbank-Einträge in einem accordion. In einer ersten Studie, die ich verwendet, bootstrap, aber als ich den integrierten Blick auf AngularJS, das Akkordeon ist nicht mehr voll funktionsfähig (leer href...).
AngularUI Datepicker-dynamische Datum deaktivieren
3 Antworten
Ich bin mit dem AngularUI datepicker. Habe ich zwei datepickers, die sich gegenseitig beeinflussen. Eine ist zum Beispiel ein "start-Datum" und das andere ist ein "end-Datum". Anstatt Validierung für beide datepickers, ich will zu beseitigen, die Möglichkeit,
Angular-UI-Sortable bekommen-index nach aktualisiert
3 Antworten
Ich wirklich nicht, wie angular-ui dokumentiert ist. Manchmal sind Sie wirklich nicht eine Menge erklären. Dies ist die Dokumentation zu sortierbar-ui: https://github.com/angular-ui/ui-sortable Erste, ich kann mich nicht übergeben, Optionen. $scope.sortableOptions = { cursor:"move" }; Ich auch geändert