How can I change the class and checked attribute when clicking on a div?

Question

Angular

Hello!
There is such layout

<div class="not_show" id="notShow" ng-click="notShow()">
        <span class="checkPrompt" ng-class="{'hide': checkedPrompt}" id="check"></span>
    </div>
    <input type="checkbox" ng-checked="checkedPrompt" class="checkBox" id="notShowCheck" hidden="hidden">

How can I make span.checkPrompt appear/disappear when clicking on the #notShow div and change the checked attribute of input#notShowCheck ?

Answer 1

Like something like this

<div class="not_show" id="notShow" ng-click="showSpan=!showSpan">
        <span class="checkPrompt" ng-show="showSpan" id="check"></span>
    </div>
    <input type="checkbox" ng-checked="showSpan" class="checkBox" id="notShowCheck" hidden="hidden">