角度モードのクリックは機能しません

Question

私は角をつけましたが、大きく上がっていますが、終了ボタンはモダルを閉じるためには発しません。開いているボタンが再クリックされた場合に機能しますが、モーダル内に新しいボタンを追加しても機能しません。 Btwにはブートストラップはありません。

<section class="modal" ng-show="showMenu"> 
    <div ng-click="setActive(album)"> 
    <p class="exit" ng-click="modalFunc()"><i class="fa fa-times-circle fa-2x" aria-hidden="true"></i></p> 
    <h1>{{albumMod.artist}} - {{albumMod.title}}</h1> 
    <ul class="tracks"> 
     <span><img src={{albumMod.img}}></span> 
     <li>Album: {{albumMod.album}}</li> 
     <li>Price: $1.29</li> 
    </ul> 
    <form style="display: inline" action="/#cart" method="get"> 
     <button ng-click="setActive(album); cartFunc()" id="{{album.id}}"><a>Add</a></button> 
    </form> 

    </div> 
</section> 


    $scope.closeMenu=true; 
$scope.showMenu=false; 
$scope.showItems=false; 

$scope.modalFunc= function(){ 
    $scope.showMenu = !$scope.showMenu; 
    console.log($scope.selected); 
    $scope.showItems = !$scope.showItems; 
    $scope.closeMenu=!$scope.closeMenu; 
    // console.log($scope.selected.attr("id")); 
}; 

Answer 1

ポップアップを非表示にしていた$ scope.showMenuフラグが正しく使用されていません。 $ scope.modalFuncメソッドが呼び出されると、$ scope.showMenuの値が無効になり、割り当てられます。だから割り当て後、$ scope.showMenuの値はtrueになります。 ng-show = "showMenu"を使用して、ポップアップが非表示にならないようにしました。

正しいコードは次のようになります。NGクリックで を発射したことがないそのことをモーダル表示するかどうかまたは隠しイマイチ

1. Set $scope.showMenu = true in the callback which called when popup is opened. 

2. $scope.modalFunc= function(){ 
    $scope.showMenu = !$scope.showMenu; 
... 
} 

3. Remove $scope.showMenu=false; since it is not needed.