具有納格網格過濾器的單元格模板

Question

我創建了一個依賴於過濾器的單元格模板，但未對過濾器進行處理。

的小區被定義爲{field:'status', displayName:'Status', cellTemplate: 'cell/statusCellTemplate.html'}]其中模板是

<button class="btn btn-primary" ng-click="changeStatus(row.getProperty('id'),'{{row.getProperty(col.field) || switchStatus}}')">{{row.getProperty(col.field)}}</button> 

EDIT

myapp.filter('switchStatus', function() { 
    return function(input) { 
     return (input == 'STOPPED') ? 'STARTED' : 'STOPPED'; 
    }; 
}); 

渲染的細胞是<button class="btn btn-primary ng-scope ng-binding" ng-click="changeStatus(row.getProperty('id'),'STOPPED')">STOPPED</button>。我期待第二個參數STARTED。

Plunker：點擊時停止，當前狀態應啓動

Answer 1

來自哪裏data？我覺得你的意思，以檢查是否input是「停止」或「已啓動」是這樣的：

app.filter('switchStatus', function() { 
return function(input) { 
    var out = ""; 
    if (input == 'STOPPED') { 
     out = 'STARTED'; 
    } else if (input == 'STARTED') { 
     out = 'STOPPED'; 
    } 
    console.log(input + " " + out); 
    return out; 
}; 

你可以讓你的過濾器通過寫短：

app.filter('switchStatus', function() { 
return function(input) { 
    return (input == 'STOPPED') ? 'STARTED' : 'STOPPED'; 
};