HTML div не обновляется

Question

Не угловой эксперт.Я занимаюсь разработкой приложения на python-flask с angularjs во внешнем интерфейсе.Я делаю http вызов Python, который возвращает объект.Затем я проверяю, является ли значение ключа 'dev' или 'prd', а затем использую ng-show для отображения соответствующих элементов div.Моя проблема в том, что div не обновляется правильно каждый раз, когда я нажимаю на кнопку, чтобы получить данные из python.

angular.forEach(response.data,function (value,key) {
    if (value == 'dev') {
    $scope.showval="True";
    //$scope.showprd="False";

    } else if (value == 'prd') {

       $scope.showprd="True";
        //$scope.showval="False";
    }
});

Я пробовал $ scope. $ Apply (), $ timeout (), а также пытался установить для переменной ng-show значение false, но ничего не получалось.$ scope. $ apply дал мне ошибку, что цикл дайджеста выполняется.Итак, я думаю, что div обрабатываются угловыми.Нужна помощь, чтобы определить, что не так.Спасибо за ваше время.

Answer 1

Вы можете установить showval и showprd как false изначально, и в определенных условиях вы можете назначить его как true, как показано ниже:

angular.forEach(response.data, function(value, key) {
    if (value == 'dev') {
        $scope.showval = true;
        $scope.showprd = false;

    } else if (value == 'prd') {
        $scope.showprd = true;
        $scope.showval = false;
    }
});

И я полагаю, ваш HTMLкак

<div ng-show="showval && !showprd">Dev</div>
<div ng-show="!showval && showprd">Prod</div>