角度jsのng-if値に基づいてモーダルポップアップを表示する方法

Question

角度jを初めて使用しているため、ng- if文がfalseのときにモーダルポップアップボックスを表示する必要があります。あなたはこの問題で私を助けてくれますか？ HTMLで

：

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

入力データがfalseの場合は、私は、モーダルポップアップウィンドウを表示する必要があります。

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