我有一个带有 bootstrap 的 Angular 5 项目。在我的一个 html 组件中,我有一个选择框。当我单击它时,会显示一个下拉项目列表,我可以选择一个。但是我希望用户输入一些字符串,以便可以缩小下拉项目的范围。这是我当前的代码片段,知道如何将选择框转换为可编辑的选择框。
<select formControlName="contactList" [compareWith]="compareResource">
<option value="" disabled>{{ 'PLACEHOLDERS.CONTACT_LIST' | translate }}</option>
<option *ngFor="let contactList of contactLists" [ngValue]="contactList">{{ contactList.name }}</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我想将现有的选择框代码转换为可编辑的选择框。请分享您对此的想法。我对 UI 编程非常陌生。谢谢
我定义了一些属性的接口。我想从这个接口创建一个对象,但是在创建时我不想完全初始化接口中提到的所有属性。我只想初始化几个。我怎样才能做到这一点?谢谢你。
export interface Campaign {
id: string;
name: string;
createdOn: string;
lastUpdated: string;
createdBy: User;
type: CampaignType;
status: CampaignStatus;
startDate: string;
endDate: string;
budget: number;
description: string;
account: Account;
}
Run Code Online (Sandbox Code Playgroud)
我想创建一系列活动对象。这就是我想要做的。
let campaigns: Campaign[] = [
{ id:"1",
name: "test campaign"
}
];
Run Code Online (Sandbox Code Playgroud)
但是我收到以下错误。
输入 '{ id: 字符串; 名称:字符串;}' 缺少类型“Campaign”的以下属性:createdOn、lastUpdated、createdBy、type 和 6 more.ts(2740)