angular6

[1/1]

  1. Angular 6 で TypeScript を使って @Directives と @Components に複数のパラメータを渡す 3 つの方法
    @Input デコレータは、コンポーネントまたはディレクティブのプロパティに値をバインドするために使用されます。 複数のパラメータを渡すには、カンマ区切りで複数の @Input デコレータを使用します。この例では、MyComponent コンポーネントは name、age、city という 3 つのプロパティを持ちます。 これらのプロパティは、親コンポーネントのテンプレートからバインドすることができます。
  2. Angular 6でangular.jsonファイルを使って環境変数を設定する方法
    環境変数を設定するには、以下の2つの方法があります。環境変数ファイルを使う.envという名前のファイルを作成し、そこに環境変数を設定します。.envファイルは、プロジェクトのルートディレクトリに配置する必要があります。例:.envファイルを作成したら、ng serveコマンドを実行する際に--envオプションを指定して、使用する環境変数ファイルを選択します。
  3. Angular 6 Material mat-select の change イベントの代わりとなる selectionChange イベント
    変更点の概要change イベント: 廃止代替イベント: selectionChange変更理由change イベントは、ユーザーが選択したオプションだけでなく、その他の内部変更にも反応していました。そのため、change イベントを処理するコードは、意図しない動作を引き起こす可能性がありました。
  4. Angular 6 開発で発生するエラー「Could not find module "@angular-devkit/build-angular"」の対処法
    このエラーが発生する主な原因は2つあります。@angular-devkit/build-angularモジュールのインストール不足Angular 6では、@angular-devkit/build-angularモジュールが開発依存関係として新たに導入されました。このモジュールがインストールされていない場合は、このエラーが発生します。
  5. providedInオプションを使うべき?使わないべき?
    providedInオプションは、サービスのインスタンスをどこで生成するかを指定します。以下の3つの値を設定できます。root: サービスはルートインジェクタで生成され、アプリケーション全体でシングルトンとして提供されます。any: サービスはコンポーネント、ディレクティブ、サービスなど、どこからでも注入できます。
  6. 【初心者向け】Angular 6 で複数 ng-content を使ってコンポーネントをレベルアップ!
    概要<ng-content> 要素は、コンポーネントテンプレート内でコンテンツを投影するためのプレースホルダーとして機能します。複数の <ng-content> 要素を使用すると、コンポーネントテンプレート内に複数のコンテンツ領域を作成できます。