Question

export class Dish { 
}

File2

import { Dish } from '../shared/dish';
const DISHES: Dish[] = [
  {
    id: '0',
    name: 'Uthappizza',
    image: '/assets/images/uthappizza.png',
    category: 'mains',
    featured: true,
    label: 'Hot',
    price: '4.99',
}
]
export class MenuComponent implements OnInit {
  dishes: Dish[] = DISHES;
}

为什么要使用dish.name和dish.image而不是Dish.name来获取数据，因为名称是Dish []且类名是Dish

HTML文件

<img height="200px" src={{dish.image}} alt={{dish.name}}>

Answer 1

因为Dish指的是一种类型，而不是这里的值。

如果要使用Dist类本身，则必须在当前组件中定义它。然后，您只能访问其静态类，例如

export class Dish {
    static a: 10;
}

export class B {
    Dish = Dish; // Assign static variable Dish to the property Dish of the class B (same name)
}

然后在由类B实现的组件中，可以在模板中调用它

<div>{{ Dish.a }}</div>
<!-- will show 10 -->

Answer 2

例如，您可以在此处看到： https://github.com/basarat/typescript-book/blob/master/docs/styleguide/styleguide.md

camelCase中的变量和函数

PascalCase（大写的camelCase）中的类

对象名称是否必须以小写开头？

2 个答案: