javascript - 无法解析绑定(bind)，Url 未定义；

Question

我正在学习 knockout ，而且还是新手。我正在尝试使用 Ko.Compulated 返回图像网址，我的图像存储在

Images 根文件夹。

。在加载页面时出现以下错误:

Error: Unable to parse bindings.

Message: ReferenceError: Url is

not defined; Bindings value: text:Url

我的代码如下:

<script>
        $(function () {
            // Model
            var Model = {
                id: "1",
                path: "/Images/"
                
            };

            // ViewModel
            var ViewModel = function () {
                var self = this;
                self.Id = ko.observable(Model.id);
                self.path = ko.observable(Model.path);
                self.Url = ko.computed(function () {
                    return self.path+ self.Id+".jpg";
                });
                // etc...
            };

            ko.applyBindings(ViewModel);



        }); 
    </script>

我的 HTML 标记是:

<img data-bind="attr:{src:Url}" />
<span data-bind="text:Url"></span>

<span>Photo Id:</span>
<input data-bind="value:Id" type="text" />

Answer 1

这样做:

self.Url = ko.computed(function () {
    return self.path() + self.Id() + ".jpg";
});

因为path和Id是可观察的，所以你应该调用它们来获取值

编辑:您还应该按照@haim770的建议在应用绑定(bind)之前创建对象

ko.applyBindings(new ViewModel());