Форум программистов, компьютерный форум, киберфорум
Angular/AngularJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 31.03.2015
Сообщений: 41

AngularJS 1.6.x: не обновляется views после ng-click с промисом

24.07.2017, 19:45. Показов 1225. Ответов 5

Студворк — интернет-сервис помощи студентам
Все привет!

Столкнулся с пробемой, когда не обновляется представление (ng-bind) после того, когда в конроллере устанавливается новое значение для свойства обьекта $scope.

Все это "происходит" в методе then от промиса, а все это в методе, который вызывается при ng-click, так как на представлении форма.

Вот код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form ng-controller="todoController" id="createForm" name="createForm" ng-model="createForm">
    <div class="form-horizontal">
        
        <!-- Тут поля для ввода -->
 
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <button type="submit" ng-disabled="!createForm.$valid" class="btn btn-primary" ng-click="createTask(Title, Description, Priority, createForm)">Додати</button>
                <a href="#" role="button" class="btn btn-default">Скасувати</a>
            </div>
        </div>
    </div>
</form>
 
<div ng-show="formSuccessMessage.length > 0" class="alert alert-success" role="alert">
    <!-- Привязка вот сдесь -->
    <span ng-bind="formSuccessMessage"></span>
</div>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
(function () {
    'use strict';
 
    angular
        .module('todoApp')
        .controller('todoController', taskController);
 
    function taskController($scope, todoService) {
        loadTaskList();
 
        $scope.formSuccessMessage = "qwe";
 
        $scope.createTask = function (title, description, priority, createForm) {
            if (!createForm.$valid)
                return;
 
            todoService.create(title, description, priority)
                .then(function (response) {
                    if (response.success) {
                        // Проблема ниже.
                        $scope.formSuccessMessage = "Задачу успішно додано";
 
                        // Это все работает
                        document.getElementById("createForm").reset();
                    }
                });
        }
 
        function loadTaskList() {
            todoService.getGrouped()
                .then(function (response) {
                    if (response.success)
                        $scope.taskList = response.data;
                });
        }
    }
})();
В самом начале устанавливается начальное значение для $scope.formSuccessMessage

При загрузке представления оно отображается, как и должно быть, а от только при нажатии не обновляется.
При том, что весь код в функции от then выполняется.
В дебаггере видно, что даже значение $scope.formSuccessMessage меняется, только вот на представлении это никак не сказывается.

Читал я про какой-то метод $scope.$apply(), только вот не работает тоже.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
24.07.2017, 19:45
Ответы с готовыми решениями:

Часто на 8-ке не обновляется (или криво обновляется) индекс вида после
Часто на 8-ке не обновляется (или криво обновляется) индекс вида после рефреша дизайна. Такого в 6-ке не было точно. Сервак 8-ой криво...

После разворачивания списка страница обновляется. Нужно остаться на предыдущей позиции после обновления
Есть сайт http://landpda.ru/ На нём установлены 2 кнопки. Нажатие на любую вызывает отдельный DIV с информацией, в процессе страница...

Не срабатывает click(), после ajax запроса
есть такой код : $(&quot;div#timezone&quot;).on(&quot;click&quot;, function(e){ if($(this).find(&quot;ul#tzcontent&quot;).css(&quot;display&quot;) ==...

5
32 / 32 / 14
Регистрация: 30.11.2013
Сообщений: 139
25.07.2017, 19:46
$scope.evalAsync попробуйте

Добавлено через 6 минут
Точнее $scope.$evalAsync
0
0 / 0 / 0
Регистрация: 31.03.2015
Сообщений: 41
25.07.2017, 19:53  [ТС]
senyaarseniy,

JavaScript
1
2
3
4
5
6
7
// не работает.
$scope.$evalAsync(function () {
    $scope.formSuccessMessage = 'Задачу успішно додано';
});
 
// так тоже 
$scope.$evalAsync();
0
32 / 32 / 14
Регистрация: 30.11.2013
Сообщений: 139
25.07.2017, 21:14
Байндинг правельный установлен? не односторонний?
0
0 / 0 / 0
Регистрация: 31.03.2015
Сообщений: 41
25.07.2017, 22:03  [ТС]
senyaarseniy, ng-bind
Пробовал также {{}}
0
0 / 0 / 0
Регистрация: 31.03.2015
Сообщений: 41
27.07.2017, 14:40  [ТС]
Проблему уже порешал. Дело было в разметке.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
27.07.2017, 14:40
Помогаю со студенческими работами здесь

Не обновляется после установки ОС
ОС 64bit. не устанавливаются обновления после установки ОС. Служба включена, перезапускал. Пробовал программой Tweaking.com - Windows...

если .click один - одна функция, .click еще раз и другая
как сделать чтоб она проверило .click первый и если он выполнен, то уже при втором клике, выполнялась другая функция Добавлено через...

Перестал работать hover после события click
Друзья, помогите разобраться с возникшей проблемой! 1. Есть 9 картинок-ссылок, первой из которых по умолчанию задан класс active(синяя...

Windows 7 не обновляется после установки
Доброго времени суток. Суть вопроса в следующем. Есть дистрибутив Windows 7. Поставил сие чудо на ноутбук. ОС уже активирована. Все...

Не обновляется DBGrid1 после дабавления
Здравствуйте! Помогите разобраться. Запрос строку добавляет, но когда пытаюсь результат запроса записать в грид, грид очищается, то ли...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru