【问题标题】:AngularJS disable input type button If other fields are not completedAngularJS禁用输入类型按钮如果其他字段未完成
【发布时间】:2021-02-11 14:33:24
【问题描述】:

我有一个投票,想禁用输入类型按钮,直到您从投票选项中选择了一个单选按钮。这就是我目前所拥有的......

<div class="options" ng-hide="$root.offline">
        <div class="overlay overlay--loading" ng-show="poll.loading"></div>
        <div class="option" ng-repeat="option in poll.options">
            <label>
                <input type="radio" ng-model="$parent.response" name="poll-{{poll.ID}}" value="{{ option.option }}">
                <span class="radiobtn" ng-hide="poll.answered"></span>
                <span compile="option.option"></span>
            </label>
            <div class="result" ng-show="poll.answered">
                <div class="result-bar">
                    <div ng-attr-style="{{'width: '+ option.percentage +'%;'}}"></div>
                </div>
                <div class="result-percentage">{{ option.percentage ? option.percentage : 0 }}%</div>
            </div>
        </div>
        <input type="button" value="Vote" ng-hide="poll.answered || $root.offline" ng-click="vote()" ng-disabled="!$parent.response" />
    </div>  

这会禁用按钮,但是当我选择一个选项时它仍然被禁用。

任何帮助将不胜感激。谢谢

【问题讨论】:

    标签: angularjs forms


    【解决方案1】:

    修复它。无法在循环外调用父级。

    <input type="button" value="Vote" ng-hide="poll.answered || $root.offline" ng-click="vote()" ng-disabled="!response" />
    

    【讨论】:

      猜你喜欢
      • 2016-10-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多