如何在角度js基於ng-if值顯示模態彈出窗口

Question

我是新的角度js，當ng-if語句爲false時，我需要顯示模態彈出框。你們能幫我解決這個問題嗎？

在HTML：

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

如果輸入的數據是假的，我需要顯示模式彈出窗口。

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