1

私は Angular 12 を学習していますが、フレームワークの操作についていくつか問題があります。新しいプロジェクトを作成し、Bootstrap 5 を追加して、いくつかのコンポーネントを作成しました。このようにコンポーネントを別のコンポーネント内にネストすると:

<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <h2>Mes appareils</h2>
      <ul class="list-group">
        <app-appareil [appareilName]="appareilOne"></app-appareil>
        <app-appareil [appareilName]="appareilTwo"></app-appareil>
        <app-appareil [appareilName]="appareilThree"></app-appareil>
      </ul>
    </div>
  </div>
</div>

ブラウザーのインスペクター ビューにカスタム セレクターがまだ表示される理由がわかりません: Angular browser view

私のBoostrapスタイルではいくつかのことが壊れています。

ブラウザ ビューのこれらのカスタム コンポーネントを非表示/削除して、これらの代わりに<li>直接内部のタグのみを取得できるかどうか知っていましたか?<ul><app-appareil>

ありがとう ：）

4

2 に答える 2

0

「角度のあるやり方」にするためには、アプローチを変える必要があります。

appareilNamesコンポーネントから返されたデバイス名 ( ) のコレクションがあるとします。

public get deviceNames(): Array<string> { ... }

適切なタグ構造は次のように実現できます。

<ul class="list-group">
  <li *ngFor="let deviceName of deviceNames"> <!-- iterate on each device name -->
    <app-appareil [appareilName]="deviceName"></app-appareil> <!-- use each name to create a component with it -->
  </li>
</ul>
于 2021-05-22T06:16:23.877 に答える