javascript - Knockout js 隐藏了我的 html 代码

Question

所以，当用户选择我需要在输入中显示一些数据并且它有效时，我已经完成了“选择选项”，但只有当我从选择中选择任何值时，它才会显示我的输入，但我需要始终显示我的输入，因为我需要这是另一个操作的输入

这是我的选择。

 <select size="2" style="height: 200px;width: 200px" class="selection 
    data-bind="options:solutions, optionsText:'name',value:selectedSolutions"></select>

这是我必须始终显示的输入，它们仅当我从上面的选择中选择参数时才显示

<form class="col-md-5" data-bind="with: selectedSolutions" style="margin-left:128px;">
      <div class="form-group">
        <label for="inputsm">Solution Name:</label>
        <input class="form-control input-sm" data-bind="value:name" id="inputsm" type="text">
      </div>
      <div class="form-group">
        <label for="inputdefault">Brief description:</label>
        <input class="form-control " style="height: 100px" data-bind="value:briefDescription" id="inputdefault" type="text">
      </div>
      <div class="form-group">
        <label for="url">Read more:</label>
        <input class="form-control input-lg" data-bind="value:readMore" style="height:150px" data-bind="value:" id="url" type="text">
      </div>
      <div class="form-group">
        <label for="inputlg">Solution manufacture URl:</label>
        <input class="form-control input-sm" id="inputlg" data-bind="value:manufactureUrl" type="text">
      </div>
    </form>

感谢您的帮助，对英语表示抱歉。

Answer 1

由于您使用 with 绑定(bind)，因此 form 标记内的任何内容都不会显示，除非 selectedSolutions 不为 null。

我猜在您的 ViewModel 中，您正在初始化 selectedSolutions 属性，如下所示 viewModel.selectedSolutions = ko.observable();

因此，您必须为 selectedSolutions 设置默认值，以确保始终显示 form 标记内的所有内容。如下所示:

viewModel.selectedSolutions = ko.observable({
    name: "", // you could put any default value you want here, not just blank
    briefDescription: "",
    readMore: "",
    manufactureUrl: ""
});