根据作用域变量设置ng-required值

set ng-required value depending on scope variable

本文关键字:ng-required 设置 变量 作用域      更新时间:2023-09-26

我有username元素,我想将ng-required值设置为true/false取决于另一个java脚本变量,例如。isMainSite '

可以在ng-required属性内写表达式

假设我的作用域中有以下变量

$scope.User = {
    emailAddress: '',
    emailAddressConfirm: '',
    username: '',
    password: '',
    passwordConfirm: ''
}

用户名元素

<input type="text" class="textbox shareinput" ng-model="User.username" ng-required="true"
name="username" tabindex="18" ng-class="{'has-error': submitted && formUserInfo.username.$invalid}"
onclick="$(this).focus();" maxlength="20" />

如何修改ng-required属性以满足我的要求?

您可以在控制器中定义变量isMainSite,然后将其与ngRequired指令一起使用。

ng-required="isMainSite"

在控制器中,根据需要设置变量的值

$scope.isMainSite = false;