javascript - ng-hide 在按下提交按钮时隐藏数据

Question

我想隐藏以下日期:{{...}} 数据，该数据在用户提交自己的日期时获取日期。我尝试使用 angularjs 页面中的 class="check-element animate-hide"ng-hide="checked"示例。但它似乎不适用于我的 type="submit"。 我还能如何实现这个？ HTML:

    <center>
      <button ng-hide="checked" class="btn btn-primary" type="submit">Fetch</button>
    </center>
 </div>
    </form>
       <span ng-controller="MAUsCtrl" style="text-align: center"></span>
       <!-- I want to hide the below data when submit is pressed--> 
       <span type="date" ng-model="date" style="text-align: center">
          <h4> Data for:{{ date | date: 'MM/yyyy' }}</h4>
       </span>

Answer 1

尝试类似的事情:

        <center>
            <button ng-click="visible = false" class="btn btn-primary" type="submit">Fetch</button>
        </center>
    </div>
</form> 
<span ng-controller="MAUsCtrl" style="text-align: center"></span>
<!-- I want to hide the below data when submit is pressed--> 
<span ng-show="visible" type="date" ng-model="date" style="text-align: center"><h4> Data for:{{ date | date: 'MM/yyyy' }}</h4></span>

并在您的 Controller 中将“visible”的默认值设置为“true”

$scope.visible = true;