如何根据角度js中的ng-if值显示模态弹出窗口

【问题标题】：How to display modal pop up based on ng-if value in angular js如何根据角度js中的ng-if值显示模态弹出窗口
【发布时间】：2016-12-16 15:17:06
【问题描述】：

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

在 html 中：

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

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

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

试试这个：

控制器：

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;}

【讨论】：