Как работать с модифицированными моделями при использовании Backbone.history

Question

У меня это довольно простое controller + router ниже, например, цели. Мой вопрос: как мне работать с маршрутизатором и Backbone.history, если я изменил определенную модель?

Предположим, что я запустил route r и controller. По умолчанию маршрут "" приводит меня к функции blue, где я устанавливаю фон в синий цвет. Я могу нажать на кнопку, которая приведет меня к функции red, где она устанавливает красный фон и URL-адрес /#red.

Если я нажму кнопку «Назад», я вернусь к своему "" url, но фон останется красным. Есть ли способ получить предыдущее состояние и не только изменить URL-адрес при работе с историей?

Я понимаю, что в функции blue, я мог бы просто установить фон, чтобы быть синим, а не this.model.get("background), но я прошу в более сложных случаях, как получить предыдущее состояние this.model через Backbone.history.

MyApp.module('Main', function (Main, MyApp, Backbone, Marionette, $, _){ 

    Main.Router = Marionette.AppRouter.extend({ 
     appRoutes: { 
      "": "blue", 
      "red": "red" 
     } 
    }); 

    Main.Controller = Marionette.Controller.extend({ 
     start: function() { 
      console.log("MyApp Controller start..."); 

      this.model = new Backbone.Model({background: "blue"}); 

      Backbone.history.start() 
     }, 

     blue: function() { 
      $("body").css("background-color", this.model.get("background"));    

      $("#button").click(function() { 
       //MyApp.router.navigate("red", {trigger: true}); 
       MyApp.controller.red(); 
      }); 
     }, 

     red: function() { 
      this.model.set({background: "red"}); 
      $("body").css("background-color", this.model.get("background")); 
      MyApp.router.navigate("red"); 
     } 
    }); 
}); 

Answer 1

MyApp.router.navigate("red"); - Это только изменяет URL, но на самом деле не вызывает ваш метод контроллера для стрельбы. Возможно, у вас возникнет соблазн установить опцию {trigger:true}, но avoid that.

Просто вызовите метод контроллера для этого маршрута. У меня очень похожий пример рабочего примера в моем ответе: How can I show and hide regions in Marionette.js?

Правда, в вашем примере кода есть несколько вещей. Например, вы не должны устанавливать кнопки управления кликом в своем контроллере, это работа вида. Контроллеры должны просто выполнять самую абстрактную работу, например, очищать и визуализировать представление. Фактическое взаимодействие с пользователем должно обрабатываться в представлениях.