показать и скрыть предупреждения в angularjs

Question

Я новичок в angularjs, я хочу показать и скрыть сообщение с помощью data-ng-show (это предупреждающее сообщение) на основе состояния в моем javascript, так или иначе, чтобы обрабатывать его как validations задает некоторые функции, такие как 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>