녹아웃 부트 스트랩이 없습니다.

Question

knockout.js 기반 사이트가 있습니다. 여러 개의 select 요소가 태그 입력 필드에 있습니다. 로드시 표시되는 모든 항목이 정상적으로 작동합니다. 하지만 사용자가 버튼을 클릭하는 경우에만 표시하고 싶습니다.

어떻게하면됩니까?

감사

<!-- 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>