нокаут изображение связывание в mvc

Question

Я разрабатываю приложение mvc. Теперь мне нужно сделать привязку изображения, используя knockout.js, я попытался связать для получения изображения из базы данных на первой странице. Но изображение не отображается. ниже я даю код привязки изображения. проверьте мой код и исправьте. кто-нибудь может помочь ???

Мой код

<div data-bind="with: backgroundimage"> 

<section data-bind="style:{background:'url(attr:{src: VirtualPath})'} img width='2080' height='1362' alt=''" > 

</section> 

Answer 1

Пожалуйста, попробуйте это. Если вы используете Список объектов, вы должны использовать объект «Только первый» для печати, используя условие «нокаут».

<div data-bind="foreach: backgroundimage"> 
      <!-- ko if: $index() === 0 --> 
      <section data-bind="style: { background:' url('+VirtualPath+') repeat-x' }" style="min-height: 880px; width:100%;"> 
</section> 
      <!-- /ko --> 
</div> 

Answer 2

Вы можете установить фоновое изображение для раздела с помощью нокаута, выполнив следующее.

<!-- This is a *view* - HTML markup that defines the appearance of your UI --> 

<div data-bind="with: backgroundimage"> 

<section data-bind="style: { background: 'url(' + path + ')'}" > 

</section> 
</div> 

Javascript

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI 
function AppViewModel() { 
    this.backgroundimage = { 
     path : 'http://cdn.sstatic.net/img/share-sprite-new.png?v=204b1e0e421b' 
    }; 
} 

// Activates knockout.js 
ko.applyBindings(new AppViewModel()); 

Пожалуйста, найдите рабочую скрипку здесь. http://jsfiddle.net/sherin81/jko1nj8p/

Если вы хотите динамически установить путь к изображению, перейдите по пути к viewmodel.