淘汰 ObservableArray

Question

我知道淘汰赛并且有一个关于如何进行一些条件绑定的问题。我有一个下拉输入，根据选择的选项显示和隐藏其他输入。我有这个工作，但是当我在页面之前已经发布之后加载页面时遇到问题。我能够获取先前选择和发布的下拉输入，但不会触发其他输入发生的绑定（显示和隐藏）。请看下面：

<script>
function ViewModel() {
  this.selectedPet = ko.observable();
  var petArray = ["Dog", "Cat", "Fish"];
  this.petOptions = ko.observableArray(petArray);
};
ko.applyBindings(new ViewModel);
</script>


<form>
  <select data-bind="options: petOptions, value: selectedPet" asp-for="Pets">
  </select>

  <input data-bind="visible: petOptions() === "Dog" asp-for="DogFood" />
  <input data-bind="visible: petOptions() === "Cat" asp-for="CatFood" />
  <input data-bind="visible: petOptions() === "Fish" asp-for="FishFood" />
</form>

Answer 1

我知道我需要做什么。我需要将初始可观察值设置为发布的值。

var onLoadPet = "@Model.Pet.Value";
function ViewModel() {
  this.selectedPet = ko.observable(onLoadPet);
}