だから私は次のクラスを作成しました:
export class PresentObject {
public type: string;
public resourceUrl: string;
public text: string;
}
そして、次のコンポーネント:
import {Component, Input, OnInit} from '@angular/core';
import {PresentObject} from '../classes/present-object';
@Component({
selector: 'app-video',
templateUrl: './video.component.html',
styleUrls: ['./video.component.css']
})
export class VideoComponent implements OnInit {
@Input()
view: PresentObject;
constructor() {
}
ngOnInit() {
console.log(this.view.text);
}
}
今、私はHTMLを介してそれを挿入しようとします:
<section *ngFor="let view of views; let last = last" [ngSwitch]="view.type">
<app-video *ngSwitchCase="'video'" view="{{view}}"></app-video>
<span *ngIf="last">{{repeatComplete()}}</span>
</section>
デバッグ後、
console.log(this.view)
かどうかを確認できます私が得る:
"[object Object]"
誰が私が間違ったことを教えてもらえますか?
回答 1 件
関連記事
- コンポーネントから別のコンポーネントに可変角度を渡す
- Reactコンポーネントは、オブジェクト内の1つのアイテムのみをレンダリングします
- javascriptの関数にオブジェクトを渡すときにキャッチされない構文エラー
- API応答が完了する前にレンダリングされたAngularコンポーネント
- 角度:ルーターイベントでコンポーネントインスタンスを取得する
- Local Storage Angular8からオブジェクトを取得します
- FlatListコンポーネントから画面へのデータの受け渡し
- Angular:他のコンポーネントの状態に応じてコンポーネントを表示/非表示
- Angularの親コンポーネントから子コンポーネントに渡されるデータは、子コンポーネントでは定義されていません
- 角度のあるアプリケーションでのコンポーネントRasaHQ /チャットルームのスタイリングと適切な位置の設定方法
関連した質問
- タイプ 'string'のパラメーターを持つインデックス署名がタイプDataTypeで見つかりませんでした
- 既存のインターフェースを使用してインターフェースを拡張する
- 値の代わりにngModelを通貨入力用のカスタムAngularディレクティブにバインドする
- ページネーションに関するAngularTable Call API
- 既存のJSDOCアノテーション付きcommonJSライブラリのTypescript宣言ファイルを作成します
- JavaScriptの複数のSAPクラウドSDKとフィルターが直接追加されます:バックエンドで「式をABAP選択オプションに変換できません」につながります
- ReactContextを使用しているときにReactエフェクトフックが起動しない
- MobXの `useLocalObservable`を使用してTypeScriptを操作する場合のTypeError?
- プロパティ「user」はタイプ「Session&Partial 」に存在しません
- 複数の型と型付き配列を使用したVuejsプロップ検証