нокаут бутстрап не нагрузка

Question

У меня есть сайт на основе knockout.js. У меня есть тег-вход, в котором есть элемент с несколькими элементами. Все работает отлично, если они показаны при загрузке. Но я хочу показать их, только если пользователь нажмет кнопку.

Как я могу это сделать?

Благодаря

<!-- ko if: state=="EDIT" --> 
//the default state is not that. Here should appear the tagsinput, but if it's here, don't works 
<!-- /ko --> 
<input id="domains" type="text" value="" data-role="tagsinput" placeholder="Add tags" /> 

Answer 1

state должен быть наблюдаемым (ko.observable()), и вам нужно вызова его, чтобы получить его значение: if: state() === 'EDIT'.

Пример:

ko.applyBindings({ 
 
    state: ko.observable("DEFAULT") 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 
<!-- ko if: state() === "EDIT" --> 
 
<h1> Edit section </h1> 
 
<!-- /ko --> 
 

 
<!-- ko if: state() === "DEFAULT" --> 
 
<h1> Default section </h1> 
 
<!-- /ko --> 
 

 
<button data-bind="click: state.bind(null, 'EDIT')">Edit</button> 
 
<button data-bind="click: state.bind(null, 'DEFAULT')">Default</button>