0

フィルターに依存するセル テンプレートを作成しましたが、フィルターが処理されません。

{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>

編集 

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>. 2 番目のパラメーターには STARTED が必要です。

Plunker : STOPPED をクリックすると、現在のステータスは STARTED になります。

4

1 に答える 1

0

どこdataから来たの？input次のように「STOPPED」または「STARTED」であるかどうかを確認するつもりだったと思います。

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';
};
于 2013-08-26T12:16:32.410 に答える