当类型是对象时,如何为<select>设置所选项目?

时间:2017-06-09 02:02:02

标签: angular typescript

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

0 个答案:

没有答案