具有顯示值的Ember鏈接屬性

Question

我的Ember Route課程如下所示

export default Ember.Route.extend({
    selectedRowCount: 10,

    actions: {
        dataLoaded: function(resp) {
            this.set('gridPrms.summaryObj.total.value', resp.numRows) ;
            var additional = this.get('gridPrms.summaryObj.additional');
            additional.push({label: 'Selected', value: this.get('selectedRowCount')});
            this.set('gridPrms.summaryObj.additional', additional);
        },
        rowSelected: function(data){
            // This gets called and updates selectedRowCount, but the same is not reflected on UI
            this.set('selectedRowCount',this.get('selectedRowCount') + 1);
        },
        rowDeselected: function(data){
            // This gets called and updates selectedRowCount, but the same is not reflected on UI
            this.set('selectedRowCount',this.get('selectedRowCount') - 1);
        }
    }
}); 

而且我的模板看起來像

{{my-grid params=this.gridPrms dataLoaded="dataLoaded" rowSelected="rowSelected" rowDeselected="rowDeselected"}}

我的摘要對象如下

var summaryObj = {
    total: {
        label: "Items",
        value: "15"
    },
    additional: []
};

我的問題是，當我渲染頁面時，網格會正確加載並設置路由屬性“ selectedRowCount”中的“其他”屬性（“選定標簽”）

但是當用戶執行行選擇/取消選擇時，相同的內容不會在“ UI上”更新

如何鏈接兩件事？

Answer 1

您需要更改此：

{{my-grid params=this.gridPrms dataLoaded="dataLoaded" rowSelected="rowSelected" rowDeselected="rowDeselected"}}

對此：

{{my-grid params=this.gridPrms dataLoaded="dataLoaded" rowSelected=rowSelectedCount rowDeselected=rowDeselectedCount}}

我假設在您的my-grid組件中，您有類似以下內容：

{{rowSelected}}