Ng-disabled在Angular 2中不起作用

时间:2018-03-27 09:18:40

标签: angular

我在我的component.html中有这个,应该根据我的component.ts中的值来启用和禁用。即“禁用输入”'

home.component.html

function base64toHEX(base64) {

  var raw = atob(base64);

  var HEX = '';

  for ( i = 0; i < raw.length; i++ ) {

    var _hex = raw.charCodeAt(i).toString(16)

    HEX += (_hex.length==2?_hex:'0'+_hex);

  }
  return HEX.toUpperCase();

}

console.log(base64toHEX("AAGOBh3pqkWvtaK8AO2U9w=="));

这是&#39; disabledInput&#39;的价值所在。是 的 home.component.ts

<div class="input-field">
  <input [attr.disabled]="disabledInput" value="{{userClaims.UserId}}" type="text" class="validate">
</div>

为什么即使我将disabledInput更改为false或true,输入字段仍保持禁用状态?在我的开发控制台中,我可以看到&#39; disbaled = false&#39;或者&#39; disabled = true&#39;但输入字段不会改变状态。谢谢。

1 个答案:

答案 0 :(得分:4)

尝试使用

[disabled]="disabledInput"