gpt4 book ai didi

javascript - 在 ember 中单击时更改图像

转载 作者:行者123 更新时间:2023-11-28 06:34:56 25 4
gpt4 key购买 nike

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

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,反之亦然?

最佳答案

使用 computed property 。每当提供的属性发生更改时,就会评估计算属性。

应用程序.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');
}
}

关于javascript - 在 ember 中单击时更改图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34379020/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com