Question

我不熟悉淘汰赛和JavaScript，我设法将一些代码放在一起。我遇到了与这些元素绑定的问题。

<a href="@Url.Action("Movie", "Home", new { id ="", title = "", year="" })">

以及

<i class="material-icons right" onclick="loadDoc('id', 'ajax')">

最后我对img标签进行了绑定，但它不起作用。

 <img class="activat" bind="attr:{src: image}" />

 function dealModel() {
    var self = this;
    self.records = ko.observableArray();

    $.getJSON("../../Home/tabcontent?=" + url, function (data) {
        self.records(data);
    })
}
ko.applyBindings(new dealModel());

这是我的图片来源：https://img.123clouds.ru/2017/03/01/poster/8866773c6824be1eda4e3caff4655120-chicago-justice-season-1.jpg

Answer 1

不相信你正确使用数据绑定它应该是

<img class="activat" data-bind="attr:{src: image}" />

运行下面的代码段

function dealMode() {
  var self = this;
  this.records = ko.observableArray();
  this.image = ko.observable(
        'https://img.123clouds.ru/2017/03/01/poster/8866773c6824be1eda4e3caff4655120-chicago-justice-season-1.jpg')
}

var myViewModel = new dealMode();

$(document).ready(function() {
  ko.applyBindings(myViewModel);
   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>

<img class="activat" data-bind="attr:{src: image}" />

Knockoutjs：如何绑定到以下标签设置？

1 个答案: