Видимое связывание - нокаут JS

Question

Я пытаюсь контролировать видимость элемента (желтый квадрат в коде скрипки ниже), используя 3 изображения с событиями щелчка. Это не работает.

Я определил следующие свойства видимости

IsSelectionPoll = ko.observable(true); 
    IsBoolPoll = ko.observable(); 
    IsRatePoll = ko.observable(); 

Вот событие щелчка:

SetTypeId = function (typeId) { 
    //selectPollType = typeId; 
    $('<p/>').text(typeId).appendTo('body'); 
    IsSelectionPoll = (typeId == '1'); 
    console.log(typeId); 
    IsBoolPoll = (typeId == '3'); 
    IsRatePoll = (typeId == '2'); 
} 

Я попытался с помощью SELF и это и многих других приемов, но я не могу понять, почему это не работает.

Пожалуйста просмотреть код здесь: http://jsfiddle.net/goldenrate/NfDyX/

спасибо, David

Answer 1

Вы не создаете какой-либо вид модели в там - изменить объявление функции для:

function PollWizardViewModel(initialData){ 

, а затем линия привязки к:

ko.applyBindings(new PollWizardViewModel()); 

Обязательное связывание кликов должно работать так, как только это делается.

Edit: также, не переназначить ваш наблюдаемые, а просто изменить их значение, в противном случае связывания с йотом теряется (так как связь со старым наблюдаемыми, которые discared когда вы переназначить их ссылку) - например, вместо:

this.IsSelectionPoll = (typeId == '1'); 

использования:

this.IsSelectionPoll(typeId == '1');