knockoutJS綁定編程基於模型值

Question

我有HTML，看起來像這樣：

<select data-bind="options: movieInitValues, 
         optionsText: 'Text', 
         optionsValue: 'Value', 
          value: movieSelectedValue, 
          visible: movieSelectVisible"></select> 
<input data-bind="autoMovieComplete: { 
    selected: movieSelectedValue, 
     selectedName: movieSelectedName}, 
     visible: showMovieDD, 
     disable: promoCodeInvalid" id="MovieName" type="text" /> 

基本上，這個想法是，在一定的參數，我展示一個文本框與自動完成和在其他情況下，我顯示下拉。 「可見」綁定允許我隱藏，但綁定又如何呢？我只想要其中的一個綁定到movieSelectedValue，我如何以編程方式執行此操作？

Answer 1

ifbinding將工作。除非其條件評估爲真，否則它將阻止任何內部呈現。如果你不想把這些人包裝在div中，你可以將它與無容器語法結合起來。

它還負責可見性方面，因爲它完全從DOM中移除它。

<!-- ko if: movieSelectVisible --> 
<select data-bind="options: movieInitValues, 
         optionsText: 'Text', 
         optionsValue: 'Value', 
          value: movieSelectedValue></select> 
<!-- /ko --> 
<!-- ko if: showMovieDD--> 
<input data-bind="autoMovieComplete: { 
    selected: movieSelectedValue, 
     selectedName: movieSelectedName} 
     disable: promoCodeInvalid" id="MovieName" type="text" /> 
<!-- /ko -->