我有一个名为Session的类定义如下:
班级会议{
构造函数(
public id:string,
公共标题:字符串
){}
}
我创建了类的一些实例并导出它们:
export const LocalSession = new Session(" local"," Local Session");
export const RemoteSession = new Session(" remote"," Remote Session");
我还创建了一个实例列表并将其导出:
export const Sessions = [
LocalSession,
RemoteSession
]。
我有一个使用该列表的组件,并允许用户选择一个会话:
从' ./ session'导入{RemoteSession,Sessions};
@零件({
选择器:' app-device',
templateUrl:' ./ device.component.html',
styleUrls:[' ./ device.component.css']
})
export class DeviceComponent {
session = RemoteSession;
sessions =会话;
}
A< select>用于选择会话:
< select [(ngModel)] =" session">
< option * ngFor ="让我们的会话" [value] =" s"> {{s.title}}< / option>
< /选择>
但是,在浏览器中加载页面时,我发现默认情况下始终选择LocalSession而不是RemoteSession。使用Chrome的Inspector会显示每个<选项>的值为[object Object]。
如果我将value属性更改为:
[值] =" s.id"
...默认情况下不会选择任何项目。我还必须更改Sessions,以便它包含ID列表而不是实例。如果可能的话,我希望Sessions保留一个实例列表。如何在仍然使用实例的地方设置默认选择?