KnockoutJS catch errors Oprawa

Question

Chcę złapać błąd, poprawić go i kontynuować wykonywanie programu. http://jsfiddle.net/Gthv9/12/

Ale nie mogę tego zrobić!

Po kliknięciu na "re Check On Model1", "re Check On Model3" - wszystko jest w porządku.

Kliknięcie: "ponownie sprawdź model1", "ponownie sprawdź model2", "ponownie sprawdź model3" - wystąpił błąd.

Uncaught Error: Unable to parse bindings. 
Message: ReferenceError: name3 is not defined; 
Bindings value: text: name3 

Dlaczego?

Zawinęłem kod problemu w bloku try-catch (viewModel.recheckData2()), , ale aplikacja ulega awarii po kliknięciu viewModel.recheckData3()!

Wiem, że knockoutJS przechowuje stan błędu (nowy model2()), ale nie wiem, co powinienem zrobić.

Jak mogę poprawnie złapać błąd?

Dzięki!

Answer 1

Nie jestem pewien, czy rozumiem twój dokładny cel, ale nokaut przestanie wiązać, gdy napotka na ten typ problemu.

Jeśli Twój problem jest po prostu niezdefiniowanymi zmiennymi, to jedną sztuczką, której możesz użyć, jest powiązanie z $data.name3 zamiast tylko name3. Uzyskanie dostępu do niezdefiniowanej właściwości poza poprawnym obiektem nie powoduje błędu.

Jeśli naprawdę chcesz czegoś bardziej wytrzymałego, możesz rozważyć użycie custom binding provider.

Na przykład, można napisać krótki opakowanie do rzeczywistego wiązania dostawcy jak:

var ErrorHandlingBindingProvider = function() { 
    var original = new ko.bindingProvider(); 

    //determine if an element has any bindings 
    this.nodeHasBindings = original.nodeHasBindings; 

    //return the bindings given a node and the bindingContext 
    this.getBindings = function(node, bindingContext) { 
     var result; 
     try { 
      result = original.getBindings(node, bindingContext); 
     } 
     catch (e) { 
      if (console && console.log) { 
       console.log("Error in binding: " + e.message); 
      } 
     } 

     return result; 
    }; 
}; 

ko.bindingProvider.instance = new ErrorHandlingBindingProvider(); 

To wychwycić błędy, ich zalogować i kontynuować. Oczywiście element, który miał to "złe" wiązanie, nie byłby związany. Jeśli istnieje jakiś znany sposób, w jaki chcesz go obsłużyć, możesz dodać tę logikę po złapaniu błędu. Może chcesz sprawdzić ten element (węzeł) i bindContext, aby określić, co należy zrobić.

Próbka: http://jsfiddle.net/rniemeyer/KxXqs/

UPDATE: Tutaj jest wersja 3.0 lub nowszą, że pułapki/dzienniki błędów w składni wiążącej, jak również błędów, gdy wartość faktycznie związany jest oceniany. http://jsfiddle.net/rniemeyer/ecbn1dmy/

Answer 2

dodałem kolejną linię do obsługi błędów z @RPNiemeyer pocieszyć węzeł przyczyną błędu w bloku catch - sprawia, że ​​naprawdę łatwe do znalezienia błędu w złożonym stronie:

if (console && console.log) { 
      console.log("Error in binding: " + e.message); 
      console.log("Node causing error:"); 
      console.log(node); 
     }