javascript - Angular 4 : Getting component property values. 我做错了什么？

Question

我是一个相当新的 Angular 1 开发人员，试图让我的头脑了解 Angular 4。到目前为止一切顺利，但我挂断了我确信这是一个非常简单的问题，你们中的一个人可以在第二。

在我的模板中我有这个标签

<app-card [cardsType]="majorArcana"></app-card>

这是用于

的 card.component.ts

import { Component, OnInit, Input } from '@angular/core';
import { CardsDataService } from '../cards-data.service'; 

@Component({
  selector: 'app-card',
  templateUrl: './card.component.html',
  styleUrls: ['./card.component.css']
})

export class CardComponent implements OnInit {

    cardData: any;

    @Input() cardsType: string;


    constructor(private CardsDataService: CardsDataService) {}

    ngOnInit() {
        this.CardsDataService.getData().subscribe((data) => {
            this.cardData = data.tarot;
        });

        console.log(this.cardsType);
    }

}

我可能只是误解了它是如何工作的，但我认为 @Input() cardsType: string;将在控制台中将 this.cardsType 记录为“majorArcana”。

这不是它的工作原理吗？

Answer 1

这里你是说你想传入一个名为majorArcana的父组件的属性:

<app-card [cardsType]="majorArcana"></app-card>

你应该可以像这样直接传入字符串:

<app-card [cardsType]="'majorArcana'"></app-card>

编辑:查看@PankajParkar 的答案以了解其他方式。