タグ付けされた質問 「angular-template」

私はAngularを使用*ngIf elseしていて、この例で（バージョン4以降で使用可能）使用したいと思います。 <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"> other content here... </div> どうすれば同じ動作を実現できngIf elseますか？

631 angular  if-statement  angular-template 

特定の条件下で表示したい要素がいくつかあります。 AngularJSで私は書くでしょう <div ng-show="myVar">stuff</div> Angular 2+でこれを行うにはどうすればよいですか？

570 angular  angular-components  angular-template 

Angularコードの何が問題になっていますか？私は得ています： Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <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>

562 javascript  css  angular  angular-template  angular-ng-class 

コンポーネントを（タイトル付きで）登録できるタブシステムをセットアップしようとしています。最初のタブは受信トレイのようなもので、ユーザーが選択できるアクション/リンク項目が豊富にあり、クリックするたびに新しいコンポーネントをインスタンス化できます。アクション/リンクはJSONから取得されます。 インスタンス化されたコンポーネントは、それ自体を新しいタブとして登録します。 これが「最良の」アプローチかどうかはわかりませんか？これまでのところ、私が見た唯一のガイドは静的タブに関するものであり、役に立たない。 これまでのところ、アプリ全体で永続化するためにメインでブートストラップされるタブサービスしか持っていません。次のようになります。 export interface ITab { title: string; } @Injectable() export class TabsService { private tabs = new Set<ITab>(); addTab(title: string): ITab { let tab: ITab = { title }; this.tabs.add(tab); return tab; } removeTab(tab: ITab) { this.tabs.delete(tab); } } 質問： 新しい（異なる）タブを作成する動的なリストを受信トレイに入れるにはどうすればよいですか？私は、ソート推測の午前DynamicComponentBuilder使用されるでしょうか？ コンポーネントを受信ボックスから（クリックして）作成し、タブとして登録して表示するにはどうすればよいですか？私は推測してng-contentいますが、それを使用する方法について多くの情報を見つけることができません 編集：明確にする試み。 受信トレイをメールの受信トレイと考えてください。アイテムはJSONとしてフェッチされ、いくつかのアイテムを表示します。項目の1つがクリックされると、その項目のアクション「タイプ」を使用して新しいタブが作成されます。その場合、タイプはコンポーネントになります。 編集2： 画像。

224 angular  angular-template 

要素内で動的 テンプレート参照変数を宣言するにはどうすればよいngForですか？ ng-bootstrapのポップオーバーコンポーネントを使用したいのですが、ポップオーバーコード（Htmlバインディングを使用）は次のようになります。 <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 and bindings in my popover! </button> これらの要素を内部にラップするにはどうすればよいngForですか？ <div *ngFor="let member of members"> <!-- how to declare the '????' --> <ng-template #????>Hello, <b>{{member.name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="????" popoverTitle="Fancy content"> I've got markup and bindings …

97 angular  ng-bootstrap  angular-template 

私はAngular4を初めて使用するので::ng-deep、Angular4で使用する方法と場所を誰かに説明してもらえますか？ 実際、親コンポーネントから子コンポーネントのCSSプロパティの一部を上書きしたいと思います。さらに、IE11でサポートされていますか？

95 css  angular  angular-template 

違いは何ですか： {{::office.name}} そして {{office.name}} angularJSで？

92 javascript  angularjs  angular-template