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

5
AngularJSディレクティブとは何ですか?
AngularJSのドキュメントといくつかのチュートリアルを読むのにかなりの時間を費やしてきましたが、ドキュメントがどれほど近づき難いかに驚いています。 私は、AngularJSを入手しようとしている他の人にも役立つかもしれない、簡単で答えられる質問があります。 AngularJSディレクティブとは何ですか? ディレクティブのどこかにシンプルで正確な定義があるはずですが、AngularJSのWebサイトでは、これらの驚くほど役に立たない定義が提供されています。 ホームページ: ディレクティブは、AngularJSで利用できるユニークで強力な機能です。ディレクティブを使用すると、アプリケーションに固有の新しいHTML構文を作成できます。 では開発者ドキュメント: ディレクティブは、HTMLの新しいトリックを教える方法です。DOMコンパイル中に、ディレクティブはHTMLと照合されて実行されます。これにより、ディレクティブで動作を登録したり、DOMを変換したりできます。 そして、皮肉にも、聴衆がそれらが何であるかをすでに理解していると想定しているように見える指令についての一連の話があります。 だれでも、明確な参照のために、指令が説明するものの正確な定義を提供できますか? それは何か(例としてjQueryの明確な定義を参照) 対処することを意図している実際的な問題と状況 それが具現化する設計パターン、またはAngularJSのMVC / MVWとされるミッションにどのように適合するか。

11
コンポーネントを拡張/継承する方法は?
基本コンポーネントは変更される可能性があり、これらの変更が派生コンポーネントにも反映されることを望んでいるため、Angular 2にすでにデプロイされている一部のコンポーネントの拡張をほぼ完全に書き直す必要なく作成したいと思います。 私はこの簡単な例を作成して、私の質問をよりよく説明しようとしました: 次の基本コンポーネントでapp/base-panel.component.ts: import {Component, Input} from 'angular2/core'; @Component({ selector: 'base-panel', template: '<div class="panel" [style.background-color]="color" (click)="onClick($event)">{{content}}</div>', styles: [` .panel{ padding: 50px; } `] }) export class BasePanelComponent { @Input() content: string; color: string = "red"; onClick(event){ console.log("Click color: " + this.color); } } あなたは、例えばのみALTER派生する別の成分、例えば、色の場合の基本的なコンポーネントの動作を作成したいと思いますapp/my-panel.component.ts: import {Component} from 'angular2/core'; import …

5
angular2でng-disabledに代わるものはありますか?
私はangular2を開発に使用してng-disabledおり、angular2の代わりになるものがないかと思っていました。 例のために。以下のコードはangularJSにあります: <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}"> <i class="fa fa-chevron-right fa-fw"></i> </button> どうすればこの機能を実現できますか?入力はありますか?

5
Angular 2なぜアスタリスク(*)
Angular 2ドキュメント*およびテンプレートでは、* ngIf、* ngSwitch、* ngForをng-templateタグに展開できることがわかっています。私の質問は: 私が考えるngIfかngForなし*にも翻訳され、角度のエンジンによってテンプレートタグに拡張することができます。 次のコード <hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail> と同じになります <ng-template [ngIf]="currentHero"> <hero-detail [hero]="currentHero"></hero-detail> </ng-template> では、なぜ*角度2で奇妙な記号アスタリスク()をわざわざ設計するのでしょうか。


3
コンポーネントに出力が存在するかどうかを確認します
次のコンポーネントを検討してください。 @Component({ selector: 'app-test' template: 'Hello!' }} export class TestComponent { @Output() readonly selectionChange = new EventEmitter<SomeTypeHere>(); } 電話で: <app-test (selectedChange)="selectedChangeHandler($event)"></app-test> selectedChange正しい出力名の代わりに書いたことに注意してくださいselectionChange。フラグをstrictTemplates有効にしたAngular 9 はまったく役に立ちませんでした。黙って失敗した。興味深いのは、に対して同じことを行う@Inputと、アプリがエラーをキャッチしてコンパイルされないことです。 存在しないものを「リッスン」しようとすると、エラーをスローする方法はあります@Outputか?
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.