Question

我开始使用Angular（No AngularJS），我正在尝试提供一个为图库提供图像数据的服务。我正在使用Visual Studio Code，它似乎没有错误，但是当Angular CLI编译时返回一个Type错误：

mock-gallery.ts中的错误（4,32）：输入'{id：number; name：string; 风格：字符串;动画：字符串; } []'不能分配给类型 '图片[]'。输入'{id：number; name：string;风格：字符串; 动画：字符串; }'不能分配给'Image'类型。对象文字只能指定已知属性，“图像”类型中不存在“样式”。

模拟gallery.ts

import { Image } from './gallery';

export const GALLERY: Image[] = [
    { id: 1, name: 'LM01.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 2, name: 'LM02.jpg', style: 'wide gallery-small-height', animation: 'wow animated fadeInUp'},
    { id: 3, name: 'LM03.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 4, name: 'LM04.jpg', style: 'gallery-big-height', animation: 'wow animated fadeInUp' },
    { id: 5, name: 'LM05.jpg', style: 'gallery-big-height', animation: 'wow animated fadeInUp' },
    { id: 6, name: 'LM06.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 7, name: 'LM07.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 8, name: 'LM08.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 9, name: 'LM09.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 10, name: 'LM10.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 11, name: 'LM04.jpg', style: 'gallery-big-height', animation: 'wow animated fadeInUp' },
    { id: 12, name: 'LM05.jpg', style: 'gallery-big-height', animation: 'wow animated fadeInUp' },
    { id: 13, name: 'LM06.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 14, name: 'LM07.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 15, name: 'LM01.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 16, name: 'LM02.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
    { id: 17, name: 'LM03.jpg', style: 'gallery-small-height', animation: 'wow animated fadeInUp' },
];

gallery.ts

export class Image {
  id: number;
  name: string;
  style: string;
  animation?: string;
}

在Angular中键入Error但在Typescript中没有错误

0 个答案: