Angular2中的disabled="function()"在IE中不起作用的原因是,IE不支持在模板中直接调用函数。在Angular2中,可以使用属性绑定来动态设置HTML元素的属性,但在IE中,不能直接将一个函数作为属性绑定的值。
解决这个问题的方法是使用属性绑定的另一种形式,即使用方括号将属性绑定的值包裹起来,并在组件中定义一个返回布尔值的属性或方法来代替函数调用。
例如,可以在组件中定义一个名为isDisabled的属性或方法,返回一个布尔值来表示是否禁用该元素。然后在模板中使用属性绑定来设置disabled属性,如下所示:
<button [disabled]="isDisabled">按钮</button>
在组件中,可以定义isDisabled属性或方法,根据业务逻辑返回相应的布尔值。例如:
@Component({
selector: 'app-example',
template: `
<button [disabled]="isDisabled">按钮</button>
`
})
export class ExampleComponent {
isDisabled: boolean = true;
// 或者使用方法
// isDisabled(): boolean {
// return true;
// }
}
这样,在IE中,disabled="isDisabled"将会根据isDisabled属性或方法的返回值来动态设置按钮的disabled属性。
关于Angular2的更多信息,可以参考腾讯云的Angular2产品介绍页面:Angular2产品介绍
领取专属 10元无门槛券
手把手带您无忧上云