我正在使用ASP.NET和Knockout js（V3.5.1）开发一个MVC Web应用程序。我正在努力解决Knockout可观察值在输入值改变时不更新的问题。它们都是在Javascript中动态创建的。当可观察值创建时，设置为可观察值的初始值没有反映在输入上。我很困惑为什么可观察值没有捕捉到输入的变化。
请在下面找到我的代码，以便进一步演示。如果有任何帮助，我真的很感激。

自定义视图模型.cs

public class CustomViewModel
    {
         public int Id { get; set; }
         public int Prop { get; set; }
    }

带Razor的HTML

@model CustomViewModel

<div id="inputContainer"></div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval", "/Scripts/ViewModels/CustomFormViewModel.js")
    <script>
        var vm = new CustomFormViewModel(@HtmlHelperExtensions.HtmlConvertToJson(Html, Model));

        vm.createInput = function (data) {
            return `@Html.Editor("Prop", new { @htmlAttributes = new { @id = "${data.Id}Prop", @data_bind = "value: ${data.Id}Prop" } })`;
        };
        ko.applyBindings(vm);
    </script>
}

/脚本/视图模型/自定义表单视图模型.js代码

function CustomFormViewModel(self) {
      var self = this;

      var data = loadData();
      self[`${data.Id}Prop`] = ko.observable(data.Prop);

      var newInput = self.createInput(data);
      $("#inputContainer").append(newInput);
};