Angular Typescript接口从同一接口内的其他字段获取值,角度2字符串插值不';t支持or和|运算符

Angular Typescript接口从同一接口内的其他字段获取值,角度2字符串插值不';t支持or和|运算符,angular,typescript,angular2-template,Angular,Typescript,Angular2 Template,我只是想知道,有没有可能像下面这样做 export interface CommonInputProp{ id:Number; value?:String; displayName?:String; order?:Number; viewVal:String=this.value|this.displayName; // This is not supported now } 有没有其他选择? 我没有实现这个接口,只是简单地使用它来获取/映射响应和 读取值 原因是

我只是想知道,有没有可能像下面这样做

export interface CommonInputProp{
   id:Number;
   value?:String;
   displayName?:String;
   order?:Number;
   viewVal:String=this.value|this.displayName; // This is not supported now
}
有没有其他选择? 我没有实现这个接口,只是简单地使用它来获取/映射响应和 读取值


原因是,我正在这样做,角度2字符串插值不支持or和|运算符,我正在处理的POJO是接口的实例

我认为您有两个选择:

export class CommonInputProp {
   id:Number;
   value?:String;
   displayName?:String;
   order?:Number;
   get viewVal():String { return this.value || this.displayName; }
}

let commonInputProp = new CommonInputProp();
commonInputProp.value = 'test';
commonInputProp.viewVal === 'test' //You can use viewVal as a property
或者使用您的界面,您可以执行以下操作:

{{ commonInputProp.value || commonInputProp.displayName }}

谢谢,这就是我想要的。