在我的Angular 2应用程序中,我有一个带有选择框的表单.用户可以在不同的模板(名称)之间进行选择. templates属性是一个数组,在TypeScript组件文件中定义,并填充可能的模板名称.

html模板如下所示：

<select required [(ngModel)]="template">
    <option *ngFor="let t of templates" [ngValue]="t">{{ t }}</option>
</select>

<button type="button" [disabled]="!form1.valid" (click)="nextForm()">Next</button>

整个过程按预期工作(Chrome,Firefox),除非我使用Internet Explorer 11(可能更早).出于某些奇怪的原因,如果只有一个可用,我无法选择该选项.如果有两个选项,则按预期工作.

在Internet Explorer中,会发生以下情况：

> gui渲染,首先模板被定义为空数组
>我在TypeScript组件中的方法从我的restful API获取模板名称,并将结果作为数组写入模板
> gui按预期提供选项
>如果只有一个选项,它看起来是选中但实际上不是.如果我尝试使用下拉菜单并手动选择它,它仍然不会“真正”选择

我可以通过检查绑定的模型值模板(保持为null)以及form1.valid显示false来证明该选项未正确选择(form1是整个表单的名称,请注意select标记是必需的).

到目前为止,我为IE找到的唯一解决方法就是定义

if (this.templates.length > 0) this.template = this.templates[0]

我成功完成模板数组后.但如果你问我,这不应该是必要的.

为什么IE会以这种方式运行,并且有更好的方法来解决这个问题吗？

编辑：它不需要对动态选项或* ngFor做任何事情.我尝试了一个只有一个选项的静态示例,我无法在IE 11中选择它：

<select required [(ngModel)]="template">
    <option>Test</option>
</select>

这个原因可能是这个未解决的Angular issue.但是,还有一个可能有用的解决方法：

<form #editForm="ngForm">
    <select name="select">
        <option *ngIf="!editForm.value.select" [ngValue]="null" selected></option>
        <option *ngFor="let option of options" [ngValue]="option">{{option}}</option>
    </select>
</form>

http://192.168.241.87:8085/Home/Person?name=Андрей

它看起来像这样：

http://192.168.241.87:8085/Home/Person?name=??????

附：我无法处理如何创建URL链接.我试着用服务器端的编码来处理它(使用HttpUtility.UrlPathEncode,HttpUtility.UrlEncode,全球化参数< globalization requestEncoding =“utf-8”/>并尝试使用javascript对其进行编码) – 但它不起作用！

我们的应用程序托管在Azure网站的专用实例中,并具有GeoTrust颁发的EV证书.证书在所有浏览器上都能正常运行,但在Windows XP上运行的Internet Explorer 8除外.我们收到以下警告：

本网站提供的安全证书是针对不同网站的地址发布的.

当我去查看证书时,我只能通过MSIT Machine Auth CS 2看到* .azurewebsites.net的证书问题.

我们在上一个问题中找到了有关此问题的更多信息：IE8 SSL Cert Problems while other browsers work like a charm

解决方案是删除IIS上的SNI配置,但我们不能在azure网站上执行此操作.我们能做什么？

获得一个专门的实例应该可以解决您的问题,虽然我没有测试过专用的azure网站是否获得了它独特的IP,所以您可能想自己尝试一下.

更新：将证书上传到标准模式azure网站时,您似乎可以indeed choose not to use SNI.

小程序不再工作了.我访问了http://www.java.com以检查Internet Explorer中检测到的Java版本,并且java网站说：

We are unable to verify if Java is currently installed and enabled in your browser.

其他浏览器可以检查Java,并且所提到的applet按预期工作：

由于小程序在其他浏览器中的预期工作,我可以假设问题不是Applet及其部署文件/进程,而是JRE 7u51与IE 11的兼容性.我想知道是否有任何解决方法.

作为额外的措施,我使用java.com工具卸载任何以前和不安全的JRE版本(使用Google Chrome).经过双重检查IE 11,我可以看到Java Addons启用并版本为7u51：

我知道IE已经改进了;即使如此,我们建议我们的客户使用Google Chrome或Firefox,因为这些浏览器已被证明可以更加兼容我们的Web应用程序.不幸的是,由于程序使用等常见的组织限制,我们不能强制客户使用某些浏览器.

提前感谢任何帮助.

更新(01/20/2014)：

以下屏幕截图显示配置为“java.com”的Internet Explorer 11兼容性视图.在这种情况下,它不能解决问题.

How to enable compatibility view in Internet Explorer 11

你现在可以尝试,如果它不工作.之后,您可以从兼容性视图中删除站点,并且还应该运行.