#javascript #mustache #templating
#javascript #усы #создание шаблонов
Вопрос:
У меня классическая проблема, которая есть у всех: я что-то сделал, изменил интерфейс. Теперь у меня есть возможность уничтожить код с помощью таких вещей, как это, что я в настоящее время должен сделать:
ajax_call.done(function() {
//Look at the current view, see what data came, do a check like:
if(data_that_came_back.component_activated == true) {
//Update the view with a new view that I have to write custom templates and so on. }
)
});
Это грязно. Это заставляет меня продолжать думать о классах, когда я должен думать только о данных, а контроллер должен решить, какое представление изменить, основываясь на том, какие данные я получаю обратно. Я знаю, что для этого был создан React, но нет ли более чистого решения, библиотеки, которую я мог бы использовать для этой конкретной задачи?
Я в основном пытаюсь перейти от этого:
к этому (когда пользователь нажимает «Активировать»), когда обрабатывается вызов AJAX:
и, наконец, к этому, как только вызов AJAX будет выполнен и выполнен успешно:
Я даже не могу представить, через какой ад мне пришлось бы пройти, если бы мне пришлось обрабатывать больше случаев (например, что, если произойдет странная ошибка, что, если вызов не будет успешным, что, если ресурсы недоступны и т.д.).
Комментарии:
1. Итак, в чем конкретный вопрос? Пользовательский интерфейс может быть сложным
2. @charlietfl Извините. Даже если неспецифично: какой элегантный способ сделать это? Я понимаю, что «элегантный» субъективен, но я уверен, что все понимают, что вложенные ifs with
remove/addClass
не совсем хороши.3. Все еще довольно широкий. Единственное предложение, которое у меня есть, — использовать вспомогательные функции