首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular2 [disabled]="function()“在IE中不起作用

Angular2中的disabled="function()"在IE中不起作用的原因是,IE不支持在模板中直接调用函数。在Angular2中,可以使用属性绑定来动态设置HTML元素的属性,但在IE中,不能直接将一个函数作为属性绑定的值。

解决这个问题的方法是使用属性绑定的另一种形式,即使用方括号将属性绑定的值包裹起来,并在组件中定义一个返回布尔值的属性或方法来代替函数调用。

例如,可以在组件中定义一个名为isDisabled的属性或方法,返回一个布尔值来表示是否禁用该元素。然后在模板中使用属性绑定来设置disabled属性,如下所示:

代码语言:html
复制
<button [disabled]="isDisabled">按钮</button>

在组件中,可以定义isDisabled属性或方法,根据业务逻辑返回相应的布尔值。例如:

代码语言:typescript
复制
@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产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • List.append() Python 不起作用,该怎么解决?

    Python ,我们通常使用 List.append() 方法向列表末尾添加元素。然而,某些情况下,你可能会遇到 List.append() 方法不起作用的问题。...问题描述虽然 List.append() 方法通常在 Python 运行良好,但在某些情况下,它可能无法正常工作。以下是一些可能导致 List.append() 方法不起作用的情况:1....变量重新赋值 Python ,列表是可变对象,也就是说,它们可以通过引用进行修改。...列表作为函数参数另一个导致 List.append() 方法不起作用的常见情况是将列表作为函数的参数传递。 Python ,函数参数传递是通过对象引用实现的。...结论List.append() 方法 Python 通常是一个方便且常用的方法,用于向列表末尾添加元素。然而,当遇到某些情况时,它可能不起作用

    2.7K20

     IE和FireFox显示不一致

    https://blog.csdn.net/huyuyang6688/article/details/38704045  IE和FireFox显示不一致         在做新闻发布系统后台登陆界面时...于是代码中加了两个“ ”,FireFox达到预期效果了: ?         我们都知道,一个“ ”为一个字符大小。...可我明明已经“密码”二字中间添加了两个“ ”了,刚好为一个汉字的间距。但是IE浏览器测试的结果,“密码”二字中间的间距仍然很小(大约只有一个字符的大小)。...我继续添加“ ”,IE“密码”二字中间的间距不变,还是大约只有一个字符的大小,无论添加多少个 标记,好像最对只显示一个空格;而FireFox则乖乖地如数显示出所添加的空格长度。...解决方法:         知道了原因,解决方法也非常简单: 第一种方法:代码为有关区块的字设置字体即可,比如这里将上述需要格式化的“密  码”的字体设置为宋体:          font-family

    1.3K30

    关于angular2引入第三方插件或者框架(jquery)

    由于本人也是初入angular2不久,很多问题也许解决了,确不知其原由,也有一些问题,解决了后面又出来同样的错误,关于这些,请谅解....关于这个问题,我自己也是想了很久,总算是能用上了, 想在angular2引用jquery的话,高大上的一个方法是,package.json的dependencies写入,执行cnpm i;安装;.../assets/css/index.css'], templateUrl: 'index.component.html' }) 或者是typings.d.ts声明引入,这样就可以在所有的组件中直接使用...,而不需要在每个组件重复声明: 代码如下: declare var JQuery: any; declare var jQuery: any; declare var $: any; 最后一步,.angular.cli.json...最后一步也可以这样做,首页,src下面的index.html,直接引入jquery.min.js,也是可以的,不过这样就显的有点Low了! 欢迎讨论!

    2.3K40

    EXT.NET高效开发(四)——实用技巧

    DownLoad=true'; }); }); } 3)下载 总是有人问,为什么使用EXT.NET的服务器事件无法实现下载,或者没反应,后台写的操作也不起作用了,或者点击按钮就出乱码了...其实很简单,不要写在DirectEvent事件,或者另一个页面进行处理(放心,浏览器不会跳转)。...至于新页面的数据,你可以考虑放在Session或者Cache里面(用完了记得删哦),也可以重新从数据库获取。是不是挺方便呢,赶快回家试试吧。...4)后台执行JS或者调用前台函数 如果你希望DirectEvent事件执行js,那么可以这么做: X.Js.Alert("测试"); X.Js.AddScript("...(_control as PanelBase).Disabled = Convert.ToBoolean(_controlFiled.Attribute("Disabled").Value); 但是个人建议不要这么写

    1.2K10

    使用angular2使用nodejs创建服务器,并成功获取参数

    express --save; 2. npm install @types/express --save; 安装nodemon 可以让服务器自动重启, 方法:npm install nodemon; 启动服务器的时候用...app.get("/api/products",(req,res)=>{ res.json(products) }) app.get("/api/products/:id",(req,res)=>{ //命令行打印...const server =app.listen(8000,"localhost",()=>{ console.log("服务器已经启动,地址是http://localhost:8000") }); 接着本地从创建好的服务器上获取数据...引入过了,这里需要声明构造函数里头,并引入Http from "@angular/Http"; 接着就是坑了,写完后,发现还是获取不到服务器上的数据: 接下来还有配置: 根目录新建一个文件:proxy.conf.json... 内容为: { "/api":{ "target":"http://localhost:8000" } } 然后package.json文件,修改一行 "start": "ng serve

    4.3K70

    Change Detection And Batch Update

    本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 前言 传统的WEB开发,当与用户或服务器发生交互时,需要我们手动获取数据并更新DOM,这个过程是繁琐的、易错的。...如果仔细观察的话,你会发现上面的输出符合一个规律:React调用的方法连续setState走的是批量更新,此外走的是连续更新。...setTimeout确实是handleClick当中调用的,但是两个setState可不是handleClick当中调用的,它们是传递给setTimeout的参数——匿名函数执行的,走的是事件轮询...新手常碰到的一个问题就是为啥下面的代码不起作用 $('#btn').on('click', function() { $scope.val = 1; }); 因为我们没有用Angular1提供的事件系统...$apply(); }); 小结 Angular1我们是直接操作数据的,这个过程Angular1是感知不到的,只能在某个点调用$apply进行脏值检测,所以默认就是批量更新。

    3.3K40

    Change Detection And Batch Update

    本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 前言 传统的WEB开发,当与用户或服务器发生交互时,需要我们手动获取数据并更新DOM,这个过程是繁琐的、易错的。...如果仔细观察的话,你会发现上面的输出符合一个规律:React调用的方法连续setState走的是批量更新,此外走的是连续更新。...setTimeout确实是handleClick当中调用的,但是两个setState可不是handleClick当中调用的,它们是传递给setTimeout的参数——匿名函数执行的,走的是事件轮询...新手常碰到的一个问题就是为啥下面的代码不起作用 $('#btn').on('click', function() { $scope.val = 1; }); 因为我们没有用Angular1提供的事件系统...$apply(); }); 小结 Angular1我们是直接操作数据的,这个过程Angular1是感知不到的,只能在某个点调用$apply进行脏值检测,所以默认就是批量更新。

    3.7K70

    基于jQuery UI CSS Framework开发Widget

    jQuery css framework包含了基本的css样式(视觉和感觉诸如颜色,字体大小,图标等),而在ui的css,则需要定义构建widget结构的css,比如margin,padding,...开发widget的时候也要尽量遵循这一原则,这样才能很好的利用jquery theme roller来应用样式,从而在整体上保持一致,在前面的文章简单的 介绍了jquery css framework...其实是修改options.disabled。 还有两个私有方法是创建widget的时候要重写的。widget,所有的私有方法都将加以"_"前缀。...", { //此widget没有options options:{ }, _init: function(){ //验证是否是需要装饰的元素...默认状态的样式;ui- corner-all 圆角(基于css3,ie不起作用) this.element.addClass("ui-widget ui-state-default

    1.8K100
    领券