Angular 5将对象传递到组件

Question

所以我创建了以下课程：

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]"

谁能告诉我我做错了什么？

Answer 1

 <section *ngFor="let view of views; let last = last" [ngSwitch]="view.type">
    <app-video *ngSwitchCase="'video'" view="view"></app-video>
  <span *ngIf="last" (click)="repeatComplete()">LAST</span>
</section>