javascript - 如何在Angular JS中基于ng-if值显示模式弹出窗口

Question

我是 Angular JS 的新手，我需要在 ng-if 语句为 false 时显示模式弹出框。你们能帮我解决这个问题吗？

在 html 中:

<div ng-if="inputdata == false"  >
  </div>

如果输入数据为 false，我需要显示模式弹出窗口。

Answer 1

试试这个:

Controller :

var myApp = angular.module('myApp', []);

myApp.controller('myCtrl', function($scope) {
  $scope.inputdata = true;
});

查看:

<div class="content" ng-app="myApp" ng-controller="myCtrl">
    <div class="field">
        <button ng-click="inputdata = false">Show Popup</button>
        <div ng-show="!inputdata" class="popup">
        </div>
    </div>
</div>

风格:

 .popup{padding:10px;display:block;position:absolute;top:0;left:0;height:30px;width:200px;background:#efefef;}