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

时间:2014-07-30 13:23:22

标签: javascript html angularjs

我想要隐藏日期:{{...}}数据,这些数据是用户提交自己日期的日期。我尝试过使用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>

1 个答案:

答案 0 :(得分: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>

在您的控制器中将默认值visible设置为true

$scope.visible = true;