Tag: angular-template

Verwenden Sie dieses tag für Eckige Fragen, die im Zusammenhang mit Vorlagen zu Themen wie interpolation ({{…}}), template-Ausdrücke, Vorlage, Anweisungen, Daten-Bindung…

Was ist das äquivalent von ngShow und ngHide im Winkel 2+?

Anzahl der Antworten 15 Antworten
Ich habe eine Reihe von Elementen, die ich will, um sichtbar zu werden unter bestimmten Bedingungen. In AngularJS würde ich schreiben, <div ng-show="myVar">stuff</div> Wie kann ich dies in Eckige 2+? InformationsquelleAutor Mihai Răducanu | 2016-02-23

Verweis auf eine Richtlinie in einem Bauteil

Anzahl der Antworten 2 Antworten
Ich habe eine Komponente, deren Vorlage sieht ungefähr so aus: <div [my-custom-directive]>Some content here</div> Ich brauche den Zugriff auf die MyCustomDirective Instanz der Klasse verwendet. Wenn ich will, um Zugang zu einer Kind-Komponente, verwende ich eine ViewChild

Dynamische tabs mit Benutzer-klicken Sie auf die ausgewählten Komponenten

Anzahl der Antworten 3 Antworten
Ich versuche zu setup ein tab-system, das erlaubt, die Komponenten selbst registrieren (mit einem Titel). Der erste Reiter ist wie ein Posteingang, es gibt jede Menge Aktionen/link-Elemente, die zur Auswahl für die Benutzer, und jeder dieser Klicks

Wie und wo zu verwenden ::ng-tief?

Anzahl der Antworten 5 Antworten
Ich bin neu Eckig 4, also könnte bitte jemand erklären, wie und wo ::ng-deep im Winkel 4? Eigentlich möchte ich überschreiben einige CSS-Eigenschaften der Kind-Komponenten von der übergeordneten Komponenten. Außerdem ist es unterstützt IE11? Da /deep/ und

Eckige 4 - und ausblenden von Komponenten

Anzahl der Antworten 3 Antworten
Habe ich die nächsten Komponenten in der gleichen html-Datei. <app-form></app-form> <app-results [hidden]="isOn"></app-results> <app-contact-primary [hidden]="!isOn"></<app-contact-primary> <app-contact-second [hidden]="!isOn"></app-contact-second> In der Komponente "app-form", ich habe zwei buttons: <button pButton label="Contact" (click)="">Contact</button> <button pButton label="Results" (click)="">Results</button> Wenn ich tun, klicken Sie

Winkel-dynamische tabs mit Benutzer-klicken Sie auf die ausgewählten Komponenten

Anzahl der Antworten 3 Antworten
Ich versuche zu setup ein tab-system, das erlaubt, die Komponenten selbst registrieren (mit einem Titel). Der erste Reiter ist wie ein Posteingang, es gibt jede Menge Aktionen/link-Elemente, die zur Auswahl für die Benutzer, und jeder dieser Klicks

wie man am besten die bedingte Vorlage zeigen, im Winkel 4

Anzahl der Antworten 3 Antworten
derzeit bin ich geübt Winkel 4. wenn ein normaler Benutzer anzeigen, diese zeigen dann eine öffentliche Inhalte, Wenn Sie Ein Registrierter Benutzer sind geben Sie die web-Seite dann Bearbeiten oder einige Inhalte. wie Sie die best practices

Schleife durch den array von strings - angular2

Anzahl der Antworten 3 Antworten
Doch sehr einfache Sache, aber ich bin nicht in der Lage, um herauszufinden, wie die Anzeige array von strings in der html-Vorlage in angular2. .html - <ul> <li *ngFor="#number of numberOptions"> {{number}} </li> </ul> .ts this.numberOptions= ["I",

Wie man eine if-else-Winkel-Vorlage mit nur ng-container?

Anzahl der Antworten 1 Antworten
Ich würde gerne eine if-else Anweisung in meinem Winkel-Vorlage. Angefangen habe ich mit : <ng-container *ngIf="contributeur.deb; else newDeb" > [... HERE IS A RESULT 1] </ng-container> <ng-template #newDeb> [... HERE IS A RESULT 2] </ng-template> Und ich

AngularJS mehrere templates in einer Seite

Anzahl der Antworten 2 Antworten
Habe ich einen index, dient eine statische header-Menü, und unten, dass eine ng-view, basierend auf der route, wählt die passende Vorlage. Wie diese zum Beispiel: <navbar> ... </navbar> <div ng-view> </div> Alles ist gut so weit, wenn

Beste Methode, um verschiedene Layouts für verschiedene Seiten im Winkel 4

Anzahl der Antworten 3 Antworten
Ich bin neu eckig 4. Was ich versuche zu erreichen ist, verschiedene layout-Kopf-und Fußzeilen für verschiedene Seiten in meinem app. Ich habe drei verschiedene Fälle: Login, registrieren, Seite (kein header, kein footer) Routen: ['login','anmelden'] - Marketing-Website-Seite (das

Angularjs templateUrl Speicherort der Datei nicht gefunden

Anzahl der Antworten 1 Antworten
Bin ich lokal die Entwicklung einer single-page-app. Ich kann nicht scheinen, laden Sie eine HTML-Datei als Vorlage verwenden Sie eine einfache benutzerdefinierte Direktive in Angularjs. Wenn ich versuchen, mit roh-html mit dem template: Attribut, es funktioniert Prima,

Was bedeuten zwei Doppelpunkte in einem Winkelausdruck {{::}}?

Anzahl der Antworten 1 Antworten
Was ist der Unterschied zwischen: {{::office.name}} und {{office.name}} in angularJS? InformationsquelleAutor der Frage J0B | 2016-01-08

Wie benutzt man * ngIf sonst in Angular?

Anzahl der Antworten 8 Antworten
Ich bin mit Winkel-und ich will *ngIf else (seit version 4) in diesem Beispiel: <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"> other content here... </div> Wie kann ich erreichen, das gleiche Verhalten mit ngIf else ?

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

Wie benutzt man Angular2 Templates mit * ngFor um eine Tabelle aus verschachtelten Arrays zu erstellen?

Anzahl der Antworten 7 Antworten
Gegeben Folgendes array der Komponente Eigenschaft groups: [ { "name": "pencils", "items": ["red pencil","blue pencil","yellow pencil"] }, { "name": "rubbers", "items": ["big rubber","small rubber"] }, ] So erstellen Sie eine html-Tabelle mit allen Elementen, die jeweils in

Seitenquelle (HTML-Snapshot) nach Angular Templating erfassen

Anzahl der Antworten 6 Antworten
Schnell angular.js Frage... Wenn ich eine Webseite mit Inhalten wie diesem: <div>{{message}}</div> Und ich setze das model für die 'Nachricht' ist, $scope.message = "Hello world!" Dann auf dem Bildschirm, wird der Inhalt des div wird angezeigt, wie

Übergeben Sie den übergeordneten Bereichswert in angular in die ng-repeat-Schleife

Anzahl der Antworten 3 Antworten
Sollte dies eine sehr einfache Frage, aber alle workarounds, die ich gefunden habe, sind sehr Komplex. Ich bin einer Schleife durch ein array von Objekten bei der Verwendung von ng-repeat in einer Vorlage wie folgt vor: <div

Angular: bedingte Klasse mit * ngClass

Anzahl der Antworten 10 Antworten
Was ist Los mit meinem Eckigen code? Ich bin immer:Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol> InformationsquelleAutor der Frage

Laden relativer templateUrl

Anzahl der Antworten 5 Antworten
Ich habe versuchen zu finden der beste Weg, um erstellen Sie eine modulare, skalierbare angular Anwendung. Ich mag die Struktur von Projekten wie Winkel-boilerplate, angular-app, wo alle zugehörigen Dateien, gruppiert nach feature für partials und Richtlinien. project