css - Angular - 与带有 [] 括号的数组相关的 Css 和符号

Question

我有几行代码摘自一本名为“Angular 100% 可操作”的意大利 Angular 书籍，我不明白。文本报告到第 5.4 段：“经常发生要动态添加的值是从将它们打包到数组中的外部源检索的。在 Angular 中，也可以使用以下表示法：”

@ Component({
    selector: 'ca-news',
    template: `<p [ngClass]="mieclassi" class="big-text"></p>`,
    styleUrls: ['./miostile.css']
}
) export class NewsComponent {
    mieclassi: Array < string > ;
    constructor() { // applico due attributi di classe 
        this.mieclassi = ['text-center', 'light-blue'];
    } 
}

但是您认为在此处插入方括号是否正确？

this.mieclassi = ['text-center', 'light-blue'];

因为在本书前面的例子中，作者没有插入它们，书中指出：

@Component({
    selector: 'ca-news',
    template: `<p [ngClass]="mieclassi" class="big-text">News con testo molto piccolo</p>`,
    styleUrls: ['./miostile.css']
}) export class NewsComponent {
    mieclassi: string;
    constructor() {(
             this.mieclassi = 'text-center light-blue';
        }
    }
}

它有效！那么第一个例子中的 [] 是什么意思呢？

this.mieclassi = ['text-center', 'light-blue'];

然后作者写了关于在数组中使用 Css 的文章，并用方括号介绍了这个符号，但是，这对我不起作用，这是编译器的答案：

编译失败。src/app/news-component-css/news-component-css.component.ts:17:5 - 错误 TS2322：类型 'string[]' 不可分配给类型 'string'。

this.mieclassi = '文本中心浅蓝色';

感谢您的任何建议，来自意大利的问候

标签： cssarraysangular