angularjs – 如何在ng-click之后切换字段必需属性？

发布时间：2020-12-17 17:53:04 所属栏目：安全来源：网络整理

导读：我在转发器中有一个下拉列表,应该切换我的自定义“必需”属性.我尝试了ng-show但是display =“none”属性就是所有添加的.我的选择是： – 1-添加/删除输入字段并设置bird.Stuff,而不仅仅是隐藏它,因为它仍然是必需的. 2-在输入字段上添加/删除“required”属

我在转发器中有一个下拉列表,应该切换我的自定义“必需”属性.我尝试了ng-show但是display =“none”属性就是所有添加的.我的选择是： –

1-添加/删除输入字段并设置bird.Stuff,而不仅仅是隐藏它,因为它仍然是必需的.

2-在输入字段上添加/删除“required”属性.

$scope.validateParticipants = function (type) {
    if (type == "Single") {
        this.donation.Participants = "1";
    }
    else
        this.donation.Participants = "";
}

HTML

<div ng-repeat="bird in animalTest.birds">
    @(Html.DropDownList("Type",(IEnumerable<SelectListItem>)ViewBag.BirdList,new { ng_model = "bird.Type",ng_change = "validateRequired(bird.Type)",required = "Type is required" }))
    ...
    <input data-ng-show="bird.Type == 'Endangered'" id="stuff" type="number" data-ng-model="bird.Stuff" required = "Number of Volunteers required"/>  
</div>

我在这里先向您的帮助表示感谢！

解决方法

使用 ng-required.这将采用角度表达式,并在表达式为true时添加必需的属性.

<input type="number" data-ng-model="bird.Stuff" ng-required="donation.Participants > 0"/>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!