ember.js - 如何在 ember 中动态启用/禁用链接

Question

我有这个链接将根据属性“linkDisabled”启用/禁用。最初该属性将为真，并且此链接将被禁用。

{{#link-to "databinding2" disabled=linkDisabled}}Databinding2{{/link-to}}

每当我点击这个按钮时，我想在不重新加载任何组件的情况下切换禁用和启用之间的链接。

 <button {{action 'changeLinkState'}} >Click here</button>

这就是我想在 Controller 中处理它的方式。

App.ApplicationController=Ember.Controller.extend({
linkDisabled:true,
actions:{
    changeLinkState:function(){
        if(this.linkDisabled==true)
        {
            this.linkDisabled=false;
        }
        else
        {
            this.linkDisabled=true;
        }
    }
}

});

是否可以在不进行异步调用的情况下这样做？
由于在{{#link-to}}中使用了属性linkDisabled，所以当我试图修改它为真或假时它抛出错误。

Uncaught Error: Assertion Failed: You must use Ember.set() to set the `linkDisabled` property (of <App.ApplicationController:ember294>) to `false`.

正确的做法是什么？

Answer 1

从 Ember 3.* 开始，这样做的方法是:

{{!-- Statically --}}
{{link-to 'photoGallery' disabled=true}}

{{!-- Dynamically --}}
{{link-to 'photoGallery' disabledWhen=controller.someProperty}}

Source in Ember API Docs