将图片设置为Onsen UI Master-Details元素

Set picture to Onsen UI Master-Details elements

本文关键字：UI Master-Details 元素 Onsen 设置      更新时间：2023-09-26

嗨，我正在使用Onsen UI Master-Details(模板)，但我有一个疑问:如何为每个元素设置一个图像?

遵循代码:

 module.factory('$data', function() {
  var data = {};
  data.items = [
      {
          title: 'Item 1 Title',
          label: '4h',
          desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
      },
      {
          title: 'Another Item Title',
          label: '6h',
          desc: 'Ut enim ad minim veniam.'
      },
      {
          title: 'Yet Another Item Title',
          label: '1day ago',
          desc: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.'
      },
      {
          title: 'Yet Another Item Title',
          label: '1day ago',
          desc: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.'
      }
  ];
  return data;

});

我找到了一种方法来做到这一点!

data.items = [
      {
          Image: '1564940.jpg',
          title: 'Item 1 Title',
          label: '4h',
          desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
      },

And: 

<div ><img class="item-thum" ng-src="images/{{item.Image}}" style="margin:auto;"></div>
相关文章：