Tag: ng-bootstrap
Eine Reihe von Winkel-2-Richtlinien basiert auf der version 4+, Twitter-Bootstrap – markup und CSS.
2
Antworten
Ich habe zwei Eingänge, die sind bevölkert von zwei Winkel-2 Bootstrap datepickers. Ich möchte meine Taste entspricht der FormGroup deaktiviert sein, wenn startDate ist nach (nicht vor oder gleich) endDate. Gerade jetzt, wenn ich wählen Sie ein
1
Antworten
Wollte ich Nähe alle meine Dialogfeld (mat-Dialogfeld bootstrap-modals & sweet-alerts) auf logout im Winkel. Dies ist, wie es gemacht wurde in AngularJS (version 1.5): function logout() { //hide $mdDialog modal angular.element('.md-dialog-container').hide(); //hide any open $mdDialog modals &
3
Antworten
Ich bin mit der NgbDropdown Bestandteil in meinem Winkel 2 Anwendung. Es ist in Ordnung, jedoch möchte ich entfernen den Pfeil, der angezeigt wird, auf der rechten Seite der Schaltfläche. <div class="d-inline-block" ngbDropdown #myDrop="ngbDropdown"> <button class="btn btn-outline-primary"
3
Antworten
Ich würde gerne Stil den Titel in der ngb-Register, so dass es nicht das Standard-blau von einem Anker-tag. Idealerweise so etwas wie dieses, aber die class-Eigenschaft scheint nicht zu haben eine Wirkung auf die ngb-tab. HTML: <ngb-tabset
1
Antworten
In meinem Angular 2/4 Anwendung, die ich verwenden ng-bootstrap und seine Komponente NgbTooltip. Übernehmen die folgenden HTML snippet <div class="col-sm-8 text-ellipsis" ngbTooltip="'A very long text that does not fit'" placement="top" container="body"> A very long text that does
4
Antworten
Bin ich mit dem ng-bootstrap datepicker (wenn Sie nach unten scrollen seinen "Basic-Datepicker") in meinem Winkel-2 Anwendung, aber anwenden möchten, um benutzerdefinierte Formatvorlagen. Wie ist das gemacht? Ich glaube nicht, siehe nichts darüber in den ng-bootstrap-Dokumentation. InformationsquelleAutor
1
Antworten
Habe ich eine eckige 4-Seite mit einem ng-bootstrap-modal. Mein code sieht wie folgt aus. foo.html [...] <button class="btn btn-sm btn-secondary material-icons" (click)="open(content)">search</button> <ng-template #content let-c="close" let-d="dismiss"> content in here </ng-template> [...] foo.ts [...] constructor(private modalService: NgbModal) {
3
Antworten
ng dropdowns funktionieren nicht. Hinweis: ich folgte die Antwort hier und aktualisiert bootstrap zu 4-alpha, aber es funktioniert nicht. Unten ist mein Paket.json-Datei: "@angular/animations": "^4.3.0", "@angular/common": "^4.3.0", "@angular/compiler": "^4.3.0", "@angular/core": "^4.3.0", "@angular/forms": "^4.3.0", "@angular/http": "^4.3.0", "@angular/platform-browser": "^4.3.0",
2
Antworten
Ich versuche zu zählen ngb-Paginierung, wie zu machen, dass die Arbeit. dies ist möglicherweise ein Duplikat, aber da die Antwort ist nicht funktioniert ich bin ihn erneut zu veröffentlichen. Ich habe keine Ahnung, wie es funktionieren <tr
2
Antworten
Fügte ich NGBootstrap in Winkel-5 Projekt. Aber nach einiger Zeit funktioniert es nicht und ich erhalte folgende Fehlermeldung. Versucht zu lösen, Problem durch aktualisieren der CLI-version, aber immer noch Problem nicht beheben. Bitte überprüfen Sie Paket.json. FEHLER
1
Antworten
Bin ich mit dieser bootstrap tabs <ngb-tabset> <ngb-tab title="Tab 1"> <ng-template ngbTabContent> Tab 1 </ng-template> </ngb-tab> <ngb-tab title="Tab 2"> <ng-template ngbTabContent> Tab 2 </ng-template> </ngb-tab> </ngb-tabset> Die Farbe des Textes auf den tabs ist blau. Ich weiß,
5
Antworten
Verwende ich eckige 5 und ng-bootstrap in diesen Versionen: "private": true, "dependencies": { "@angular/animations": "^5.2.0", "@angular/common": "^5.2.0", "@angular/compiler": "^5.2.0", "@angular/core": "^5.2.0", "@angular/forms": "^5.2.0", "@angular/http": "^5.2.0", "@angular/platform-browser": "^5.2.0", "@angular/platform-browser-dynamic": "^5.2.0", "@angular/router": "^5.2.0", "@ng-bootstrap/ng-bootstrap": "^2.1.0", "angular-in-memory-web-api": "^0.5.4", "angular2-moment": "^1.9.0",
4
Antworten
Ich versuche zum erstellen eines dropdown-Elements in einem Bootstrap navbar mit Winkel-6. Mein code funktioniert, wenn ich es testen online : <nav class="navbar bg-light navbar-light navbar-expand"> <ul class="navbar-nav"> <li class="nav-item dropdown" > <a class="nav-link dropdown-toggle" data-toggle="dropdown">Page1</a> <div
3
Antworten
Bin ich mit Fragen, um die form Wert von der modalen wenn ich das Formular abschicken. Der log sagt das addMountForm ist nicht definiert. Ich habe die code snippets von meinem html-als auch als Komponente. Ich würde
2
Antworten
Mache ich folgende zwei imports in eine typescript-Datei: import { DOCUMENT } from '@angular/platform-browser'; import { Positioning } from '@ng-bootstrap/ng-bootstrap'; Erste Anweisung funktioniert jedoch compiler beschwert sich über die zweite Anweisung (ng-bootstrap-import): src/app/extensions/angular-calendar/directives/calendarTooltip.directive.ts(19,10): error TS2305: Module '"/Users/gg/OneDrive/Studies/Node/timely-frontend/node_modules/@ng-bootstrap/ng-bootstrap/index"'
2
Antworten
Habe ich befolgt die unten genannten Schritte, und ich war in der Lage zu erreichen, bis auf das folgende Bild. Install nodejs version 6.9.1. Es kommt mit npm 3.10.8 Dann folgte ich den folgenden Installations-Schritte. Wenn ich
3
Antworten
Ich bin mit Winkel-4 und bootstrap-4-beta-2 und ng-bootstrap für meine Bewerbung und auch mit ng-bootstrap. Habe ich die navbar von bootstrap-Dokumentation Beispiel. Der code sieht so aus: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Navbar</a> <button class="navbar-toggler"
3
Antworten
Benutzt habe ich eine angular2 ng-bootstrap modal in unserem code. Ich will das modal wird nicht schließen, wenn ich Sie außerhalb des modalen. Derzeit modal ist immer geschlossen, während Sie außerhalb. In angular1 ich verwendet, um zu
5
Antworten
Das ist die Art, wie ich die ng2-bootstrap-modal: import {Component} from '@angular/core'; import {NgbModal} from '@ng-bootstrap/ng-bootstrap'; @Component({ selector: 'add-customer-modal', template: ` <template #test let-c="close" let-d="dismiss"> <div class="modal-header"> <button type="button" class="close" aria-label="Close" (click)="d('Cross click')"> <span aria-hidden="true">×</span> </button> <h4
3
Antworten
Ich habe eine modale Komponente erstellt mit ng-bootstrap wie folgt (nur body): <template #content let-c="close" let-d="dismiss"> <div class="modal-body"> <p>Modal body</p> </div> </template> Und es ist eckig 2-Komponenten - import { Component } from '@angular/core'; import { NgbModal
2
Antworten
In ng-bootstrap NgbDropdown, wie würden Sie den text der ausgewählten Schaltfläche, so dass was auch immer Element der Benutzer ausgewählt hat, ersetzt die Standard-text zunächst gezeigt? Im Beispiel unten, das Ziel ist, zu zeigen, was die Sortierung-option
6
Antworten
Was ist der beste Weg, zu setzen/überschreiben Sie eine benutzerdefinierte Breite für ein modales? Scheint es ng-bootstrap unterstützt derzeit Größe: 'sm' | 'lg' aber Bootstrap-4 unterstützt sm, md und lg. Idealerweise würde ich gerne das modale zu
2
Antworten
Dem "Wählen Sie ein aktives tab-id" - Beispiel an https://ng-bootstrap.github.io/#/components/tabs zeigt, wie eine DOM-Taste, um programmgesteuert wählen Sie eine Eckige Bootstrap-Registerkarte aktiv sein. Aber wie legen Sie eine Registerkarte aktiv sein in den Typoskript-code - zum Beispiel,
4
Antworten
Verwendung 2.3.1 Winkel-und ng-bootstrap-1.0.0-alpha.18. Ich bin versucht, programmgesteuert wählen Sie eine Registerkarte ID aus der Komponente, anstatt aus der Vorlage. Das Ziel ist, ziehen Sie den Parameter aus der url und zu verwenden, wählen Sie die Registerkarte
2
Antworten
Ich habe eine Angular2 app mit einem component wo ich eine Tabelle. Die Tabelle wird generiert, über *ngFor Richtlinie. Jede Zeile der table ist ein Objekt mit 9 Feldern, die geladen wird, aus dem backend, wenn die
1
Antworten
Hallo, ich bin die Untersuchung auf ng-bootstrap-datepicker. Ich sah auf der demo-code und war in der Lage zu bekommen, es funktioniert in meiner Anwendung. Allerdings, wenn ich fügte hinzu, mehr als 1 datepicker-input-tags, nur eine arbeitet. Unten
2
Antworten
Unten ist der code, den ich benutze, um die minDate-Eigenschaft <input ngbDatepicker #d="ngbDatepicker" [minDate]="minDate" [formControl]="Form.controls['dateOfBirth']"> In der Komponente bin ich die minDate-Einstellung wie unten: public minDate: Date = void 0; constructor() { this.minDate = new Date(1950, 1,
2
Antworten
Habe ich versucht zu verwenden, ng-bootstrap in meinem Winkel-2-Projekt nach der Dokumentation auf der ng-bootstrap-offizielle Website. Was ich gemacht habe, sind wie folgt: npm install
[email protected] Navigieren Sie zum root /bootstrap-Verzeichnis und führen Sie npm install zu
3
Antworten
Ich bin mit Winkel 2, ich arbeite mit einem Formular modal ist, ich habe zwei Komponenten, aus einer Komponente I öffnen Sie das Formular modal ist, wird dieser Weg: import { Component, OnInit, Output} from '@angular/core'; import
2
Antworten
Ich bin mit ng-bootstrap datepicker-aber wenn ich meine form das Datum wird gespeichert. date: { day: 01, month: 12, year: 16 } Ich hatte gehofft, ich könnte es zu retten, als etwas mehr wie "2016-11-23T00:39:31.768Z" Hier ist
3
Antworten
Ich bin mit reaktiven Formen in meinem Eckige 2-webapp und ich bin die Probleme der Zuordnung von Datum zu ngbDatepicker (ngbootstrap 1-alpha-6). Mein Objekt hat eines date-Objekts wie: var myObject = {date: new Date(1, 9, 2016)}; und
2
Antworten
Gespielt mit der NgbModal und auslösen möchten die open-Methode -> open(content: string | TemplateRef<any>, options: NgbModalOptions) <- von irgendwo anders als der template-code. In meinem Fall möchte ich eine Zeichenfolge übergeben, die als parameter bei der Ausführung
6
Antworten
Habe ich ein modal: <template #warningModal let-c="close" let-d="dismiss"> <div class="modal-header"> <button type="button" class="close" aria-label="Close" (click)="d('Cross click')"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title">Warning</h4> </div> <div class="modal-body"> The numbers you have entered result in negative expenses. We will treat this
3
Antworten
Ich versuche zum schließen des modal präsentiert wurde, mich durch die offene(Inhalt) - Funktion, wie im Beispiel gezeigt-in der Dokumentation ng-boostrap. In der website erwähnt, dass ich in der Nähe nennen oder zu entlassen, von NgbActiveModal. Also
2
Antworten
Aus irgendeinem Grund bin ich plötzlich immer diese Fehlermeldung " out of the blue, ohne code-änderungen. Irgendwelche Ideen, was wäre die Ursache? War ich in der Lage, dies zu lösen, mit dem hinzufügen NgbModule.forRoot() um meine Importe,
2
Antworten
Ich versuche mich zu integrieren ng bootstrap UI in meine Eckige 2-Projekt. Nach dem folgenden, einfachen Anweisungen finden Sie hier: https://ng-bootstrap.github.io/#/getting-started bekomme ich die folgende Fehlermeldung, wenn mit jedem ngb bootstrap-tag: Fehler: Kein provider für NgbAlertConfig! app.-
1
Antworten
Ich bin mit dem datepicker (ng-boostrap) in einem popup und ich möchte das Datumsformat ändern, zu dd-mm-yyyy. Scheint es, dass es gelöst werden kann durch die Implementierung einer neuen NgbDateParserFormatter zu ersetzen, die Standard -NgbDateISOParserFormatter. Aber ich
1
Antworten
Wie deklarieren Sie eine dynamische Vorlage Referenzvariable innerhalb einer ngFor element? Ich will das popover-Komponente von ng-bootstrap, den popover-code (mit Html-Bindung) ist, wie gezeigt: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup
5
Antworten
gibt es eine nicht-so-komplizierten Weg, um einen bestätigen-dialog im Winkel 2, die Idee ist, klicken Sie auf ein Element und dann zeigen Sie einen popup-oder modal zu cofirm deren Löschung, ich habe versucht, Winkel 2 modal von
5
Antworten
Was ist der Unterschied zwischen "ng-bootstrap" und "ngx-bootstrap"? Sind Sie miteinander verwandt? Oder sind Sie einfach Auger-Implementierungen? Hat jemand mit Ihnen gearbeitet, und beide geben kann/erklären vor-und Nachteile der beiden? Mit "ng-bootstrap" ich meine https://ng-bootstrap.github.io/#/home und mit