预先填充值时禁用输入字段

时间:2019-01-17 19:43:26

标签: angularjs

编辑和添加用户表单组使用相同的视图。但是,在编辑时,用户名,密码和其他详细信息会自动填写到表单中,而不是显示空白表单。仅当该字段已预先填充时,才需要禁用该表单(特别是用户名)。

在用户编辑表单时使用ng只读或ng禁用功能(如果username.length为true,则禁用用户名)。

ng-readonly="username.length"

但是,当用户创建新的配置文件时,在用户名字段中输入一个字母会禁用它,因为ng-readonly会识别出用户名字段的长度为1。我将如何设置它以便仅使用Angular检查以将字段设为只读一次,而不是不断监视字段中的更改。另一个问题是,我不希望Angular完全忽略该字段的更改,因为仍然需要触发验证(例如最小长度和必需)。

1 个答案:

答案 0 :(得分:1)

大概您可以了解表格是否处于“添加”或“编辑”模式。您可以用“ isAdding”布尔值替换ng-readonly的条件吗?