Как скрыть подсказку, когда флажок включен

Question

Я бы хотел отображать всплывающую подсказку, только когда флажок снят.Флажок становится активным, когда в поле ввода текста вводится правильный формат.Я могу отобразить всплывающую подсказку, когда флажок отключен, но он не будет скрыт, когда флажок станет активным.

<div class="form-group">
    <div class="col-xs-12 col-sm-9">
        <div tooltip="Tooltip message">
            <input type="checkbox" ng-model="view.checkBox"
                   class="nsg-form--checkbox" 
                   ng-disabled="someInput.$invalid"/>
        </div>
    </div>
</div>

Answer 1

Я бы посоветовал использовать ng-change, чтобы зафиксировать изменение состояния флажка, и ng-if, чтобы отобразить всплывающее окно, когда флажок возвращает значение true.Я собрал быстрый пример, который должен помочь: https://codepen.io/anon/pen/xBEvOq

HTML:

<div ng-app="myApp">
  <div ng-controller="exampleCtrl">
      <input title="{{(disabledStatus?'disabledReason' : '')}}" 
             ng-disabled="displayPopup" type="checkbox" ng-model="checkBox" 
             ng-change="evaluate(checkBox)"/>
      <div ng-if="displayPopup">Insert Popup Code Here!</div>
  </div>
</div>

JS:

var app = angular.module('myApp', []);
app.controller('exampleCtrl', function($scope) {
  $scope.evaluate = function(displayPopup) {
    $scope.displayPopup = displayPopup;
    $scope.disabledStatus = false;
    if($scope.displayPopup === true){
      $scope.disabledStatus = true;
      $scope.disabledReason = "You can make up reason here";
    }
  };
});

Answer 2

Вы должны использовать ng-change с someInput и соответственно скрывать / показывать подсказку.