在余烬中单击时更改图像

Change the image when clicked on it in ember

本文关键字：图像 余烬中 单击      更新时间：2023-09-26

我是一名新手，正在尝试找出解决方案
我有一个包含图像的模板
当我点击图像时，它应该会更改图像。

applicaton.hbs
      {{#if feed.is_following}}
      <a href {{action "unfollow" feed}}>
      <img src = "unfollow.png" /></a>
      {{else}}
      <a href {{action "follow" feed}}>
      <img src = "follow.png" /></a>
      {{/if}}
Controller.js
actions:{
    change() {
    src:"unfollow.png"
    },

单击img标记源时，如何将其从follow.png更改为unfollow，反之亦然？

使用计算属性。只要提供的属性发生更改，就会评估计算的属性。

应用.hbs

  <a href {{action "change"}}><img src="{{source}}" /></a>

Controller.js

follow: true,
source: Ember.computed('follow', function() {
   return (this.get('follow') ? 'follow' : 'unfollow') + '.png';
}),
actions: {
    change: function() {
       this.toggleProperty('follow');
    }
}
相关文章：