在ember中单击它时更改图像

Question

我是一个新人，试图找出解决方案 我有一个包含图像的模板 当我点击图像时，它应该改变图像。

combineReducers

当我点击它时，如何将img标记源从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" }, 更改为follow.png，反之亦然？

Answer 1

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

applicaton.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');
    }
}