angular@input,将对象绑定到同一对象,但属性名不同

您必须将传递的模型映射到内部模型。

首先,您必须使用属性而不是类变量(至少是setter):

// since this is plural, you probably want an array instead?
private _buttonsModel: ICustomRadioButton = {};

// we'll use "any" type, since we don't know the property names
private _radioButtons: any;

get radioButtons(): any {
    return this._radioButtons;
}

@Input('buttons')
set radioButtons(value: any) {
    this._radioButtons = value;

    // mapping: you got different solutions here, for example Object.keys etc.
    // for-in loops through all properties
    for (const property in value) {
        // now compare the property names to the ones you're looking for
        if (property.endsWith('Name') { this._buttonsModel.name = value[property]; }
        // etc...
    }
}

你可以变得更舒适(但等于月)。

_radioButtons:any={"Name"."",Color:"",Rank:""} //<--define a model
@Input('buttons')
set radioButtons(value: any) {
    for (let property in this.model)
    {
      //You can use x.indexOf(property)>=0 or x.endWidth(property)
      let field=Object.keys(value).find(x=>x.indexOf(property)>=0);
      this._radioButtons[property]=field?value[field]:null
    }
}