Tag: ng-bootstrap

Eine Reihe von Winkel-2-Richtlinien basiert auf der version 4+, Twitter-Bootstrap – markup und CSS.

NgbDropdown: entfernen Sie die dropdown-Pfeil

Anzahl der Antworten 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"

Ändern Sie Stile auf ngb-Registerkarte Titel

Anzahl der Antworten 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

NgbTooltip position in Eckigen Anwendung

Anzahl der Antworten 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

Anwenden von benutzerdefinierten Stilen zur ng-bootstrap-datepicker?

Anzahl der Antworten 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

Öffnen ng-bootstrap-modal-programmgesteuert

Anzahl der Antworten 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) {

ng-bootstrap ngbDropdown funktioniert nicht 4 Eckig

Anzahl der Antworten 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",

Wie die Umsetzung ngb-Paginierung in angular4

Anzahl der Antworten 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

Fehler TS2307: Cannot find module '@ng-bootstrap/ng-bootstrap" -

Anzahl der Antworten 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

Winkel-6 - ng-bootstrap - Stil Registerkarten

Anzahl der Antworten 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ß,

Winkel-5 ng-bootstrap-Typ 'ElementRef' ist keine generische err

Anzahl der Antworten 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",

Bootstrap dropdown-Liste mit Eckigen 6

Anzahl der Antworten 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

Winkel 4 erste form Wert aus modal

Anzahl der Antworten 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

Fehler TS2305: Modul hat keine exportiert Mitglied

Anzahl der Antworten 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"'

Wie zu verwenden bootstrap-datepicker-input-Feld in angular2

Anzahl der Antworten 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

Zusammenbruch nicht in der ng-bootstrap-und Winkel-4-app für Navigation breadcrumb-Schaltfläche

Anzahl der Antworten 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"

beenden schließen des modal, indem Sie auf hintergrund oder außerhalb des modal

Anzahl der Antworten 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

Gewusst wie: übergeben Sie Parameter an modal?

Anzahl der Antworten 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">&times;</span> </button> <h4

Angular2 ng-bootstrap-modal-Komponenten

Anzahl der Antworten 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

Konfigurieren NgbDropdown anzeigen das ausgewählte Element aus der dropdown -

Anzahl der Antworten 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

ng-bootstrap-Modal Größe

Anzahl der Antworten 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

So wählen Sie NgbTabset tab als aktiv laden?

Anzahl der Antworten 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,

Wie kann ich auf die "select" - Methode von NgbTabSet in der Komponente in Angular2 und ng-bootstrap?

Anzahl der Antworten 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

Wie die Umsetzung Bootstrap-4 für Eckige 2 ngb-Paginierung

Anzahl der Antworten 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

Winkel-2 ng-bootstrap-datepicker popup

Anzahl der Antworten 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

Wie setzen minDate für ng-bootstrap-datepicker

Anzahl der Antworten 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,

Wie zu verwenden ng-bootstrap mit AngularJS 2 (mit angular-cli v1b15)?

Anzahl der Antworten 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

Winkel 2 NgbModal NgbActiveModal close-Ereignis modal

Anzahl der Antworten 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

ng-bootstrap-datepicker-format

Anzahl der Antworten 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

Kurzer Weg zu weisen-Datum ngbDatepicker

Anzahl der Antworten 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

Best practice für den Aufruf der NgbModal open-Methode

Anzahl der Antworten 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

Wie Sie programmgesteuert schließen-ng-bootstrap-modal?

Anzahl der Antworten 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">&times;</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

Winkel-2 ng-bootstrap-Modal schließen

Anzahl der Antworten 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

Keine Anbieter für NgbModalStack

Anzahl der Antworten 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,

Angular2 ng-bootstrap - kein provider-Fehler

Anzahl der Antworten 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.-

Ist es richtig, einen benutzerdefinierten NgbDateParserFormatter zu implementieren, um das Format des Eingabewerts für NgbInputDatepicker zu ändern?

Anzahl der Antworten 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

Dynamische Vorlagenreferenzvariable in ngFor (Angular 2)

Anzahl der Antworten 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

Winkel 2 einfache Möglichkeit, einen Bestätigungsdialog zu machen

Anzahl der Antworten 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

Was ist der Unterschied zwischen "ng-bootstrap" und "ngx-bootstrap"?

Anzahl der Antworten 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