[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

if binding将起作用。除非其条件评估为真，否则它将阻止呈现任何内部内容。如果您不想将这些家伙包装在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 -->