javascript - 函数的单向绑定(bind)

我有一个图像，其源是使用 AngularJS 动态设置的，如下所示:

ng-src="{{showEmbellishment(image.attrib)}}"

这将获取图像的属性并显示适当的装饰(装饰是图像)。这工作正常，没有任何问题。

我现在使用 Angular HotKeys 将一堆按键事件绑定(bind)到此页面:

hotkeys.add({
    combo: 'd',
    description: 'Do something',
    callback: function(event, hotkey) {
        //perform some action
    }
});

我的问题是，例如，当我按下作为热键添加的“d”键时，它确实会执行所要求的操作，但是我注意到 showEmbellishment() 是再次调用所有图像。这是一项开销，导致 d 按键操作的完成速度变慢。

我阅读了单向绑定(bind)，但我不确定如何实现它，以便每次按下不相关的操作键时都不必调用 showEmbellishment()。

非常感谢任何有关解决此问题的指示!

最佳答案

One-time binding在这种情况下可以很好地工作:

ng-src="{{:: showEmbellishment(image.attrib) }}"

关于javascript - 函数的单向绑定(bind)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34536324/