Question

我是angularjs的新手，我想显示和隐藏带有data-ng-show的消息（这是一条警告消息）基于我的javascript中的条件无论如何要处理它像验证设置一些函数，如ngModel 。$ setValidity（'range'，true） - 我不希望它像验证一样，阻止提交。

这是我的代码：

            var showMessage = (value) => {

            legalDate = new Date();
            legalDate.setFullYear(legalDate.getFullYear() - 21);

            var dateValue = new Date(year, month, day);


            if (value != null && value !== "" && dateValue.getTime() > legalDate.getTime()) { //DOB indicates >12 and <21
               // $('.under21').show(); ==> something like this: ngModel.$setValidity('range', true);
            }
            else {
               // $('.under21').hide();
            }

            return value;

        }

由于

Answer 1

您可以在条件中设置范围变量，然后在html标记中使用它。像这样：

//Set the scope variable;
$scope.showElement = false;
var showMessage = (value) => {

        legalDate = new Date();
        legalDate.setFullYear(legalDate.getFullYear() - 21);

        var dateValue = new Date(year, month, day);


        if (value != null && value !== "" && dateValue.getTime() > legalDate.getTime()) { //DOB indicates >12 and <21
           $scope.showElement = true;
        }
        else {
          $scope.showElement = false;
        }

        return value;

    }

在html标记中说你有一个需要显示/隐藏的范围：

<span class="under21" ng-show="showElement"></span>

在angularjs中显示和隐藏警告

1 个答案: