0

所以我会经常做这样的事情

save(...keys: string[]) {
    keys.foreach(x => // save);
}

由于扩展运算符，我可以将其称为任何这些方式。

save('string1', 'string2');
save(['string1', 'string2']);
save('string');

我喜欢这种行为，但我有一个案例，我在一个组件上有一个 @input，我想以相同的方式表现。有时我只想给它一个项目，其他时候我想给它一个数组。如何应用这种语法？我希望能够做这样的事情。

@Input() ...myClass: ClassBase[] = [];

和这样的用法。

// ts
currentClass = new ClassBase();
conflictingClasses = [new ClassBase(), new ClassBase()];

// html
<my-component [myClass]="currentClass"></my-component>
<my-component [myClass]="conflictingClasses"></my-component>

我怎样才能得到这种行为？我们已经在几个地方使用了这个组件，但我们只给它一个项目，我希望不必大规模重构来更改这个组件来获取一组项目。

谢谢！

4

1 回答 1

2

由于扩展运算符，我可以将其称为任何这些方式。

不，你问题的前提是错误的。您必须使用 n 个字符串参数调用它。字符串数组string[]不是一回事。如下所示：

function save(...keys: string[]) {
    keys.forEach(x => /** save */);
}


save('string1', 'string2'); // OKAY
save('string'); // OKAY 
save(['string1', 'string2']); // ERROR !

请作为一个不同的问题而不是编辑它，因为它在编辑后可能不会引起太多关注。PS：玩得开心，保持快乐！

于 2016-09-19T23:03:41.980 回答