0

我正在开发一个通用的下拉组件。如果用户输入的值不在列表中，我想在 itemSelected 事件中返回一个相同类型的新对象。我需要保留方法和属性——所以仅仅创建一个通用对象是行不通的。即使列表为空，这也需要工作，因此无法执行 Object.create(this.list[0]); 之类的操作。

到目前为止，我的解决方法是只传递一个引用对象，我可以将其与 Object.create 一起使用，但这似乎很蹩脚。

以下代码段显示了我正在尝试做的事情。有没有办法做到这一点或更好的方法来做我想做的事？谢谢 - 乔恩

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-generic-new',
  templateUrl: './generic-new.component.html',
  styleUrls: ['./generic-new.component.scss']
})
export class GenericNewComponent implements OnInit {
  ngOnInit(): void {}

  @Input() type:any 

  createNewType():any {
    // this is what I'm trying to do - but doesn't work
    return new this.type();
  }
}
4

1 回答 1

1

使用泛型

class container<T> {
    id: T;
    key: T;
    displayValue: T;
    type : T;        
}
//allows you to control the type, here we are allowing any, but could be person, address etc.
let myContainer = new container<any>();
myContainer.id = 0;
myContainer.key = "UserEnteredKey";
myContainer.displayValue = "UserEnteredDisplayValue;
myContiner.type //allow access to anything or a specific class type.

不使用泛型。

class container{
 id:number;
 key:number;
 displayValue:string;
 type:any;
}
let myContainer = new contaier();
myContainer.number = 10;
myContainer.key = "UserEnteredKey";
myContainer.displayValue = "User Entered Display Value";
myContainer.type = {key:myContainer.key, display: myContainer.displayValue, doSomething: function(){//do something here.}}

请注意，上面的任何值都可以计算而不是静态的，例如，通常会计算 ID。

 @Input() type:container

  createNewType():any {
    // this is what I'm trying to do - but doesn't work
    return
     let myContainer = new container<any>();
     myContainer.id = this.getNextID();
     myContainer.key = "UserEnteredKey";
     myContainer.displayValue = "UserEnteredDisplayValue;
     myContiner.type //allow access to anything or a specific class type.
}

您的表单将需要通过绑定到此 cass 模型来公开用户需要更改的所有属性。

于 2020-06-07T13:17:33.207 回答