Блог

Я новичок в angularjs, у меня есть основной div, внутри которого присутствуют все дочерние подразделения, когда я нажимаю кнопку в дочернем подразделении, тогда мой основной div исчезает, это происходит случайным образом. Иногда он скрывается после 2 нажатий, иногда через 4, а иногда даже после 10 нажатий.

HTML-шаблон:

 <div ng-cloak ng-app="smart" ng-controller="smartChat" id="chatwindow" class="col-md-4 col-xs-12" style="padding: 0px;  position: fixed; bottom: 5px; right: 0px; z-index: 10001; background: #FFF; border: 1px solid #898989">
    <div id="cendchat" class="col-md-12 col-xs-12" ng-show="EndChatConfirmation" ng-style="endchatconfirmationHeight" style="text-align: center">
       <h4>Are you sure you want to end chat?</h4>
       <button id="yesbutton" class="btn btn-success" ng-click="EndChatOrNot($event);$event.stopPropagation();">Yes</button>
       <button id="nobutton" class="btn btn-danger"  ng-click="EndChatOrNot($event);$event.stopPropagation();">No</button>               
    </div>
</div>
  

Контроллер:

 function EndChatOrNot(status) {
    debugger;
    $scope.EndChatConfirmation = false;
    $scope.endchatconfirmationHeight = { height: '0px' };
    if (status.currentTarget.innerHTML.toUpperCase() == 'YES') {
        $scope.ConvHeight = { height: '0px' };
        $scope.FeedBackDiv = true;
        $scope.feedbackHeight = { height: '550px' };
        //  $scope.Islogin=false;
        FunEndChatFromCustomer("", "");
        //$scope.CustomerType = 'Existing';
        //$scope.ExistingOrNew = true;
    }
    else if (status.currentTarget.innerHTML.toUpperCase() == 'NO') {
        $scope.ConvHeight = { height: '435px' };
        // return false;
        //$scope.ExistingOrNew = false;
        //console.log("$scope.Islogin"   $scope.Islogin); 
    }
}
  

Пожалуйста, помогите мне, почему мой основной div исчезает вот так. Любая помощь будет весьма ценной.