1. 程式人生 > >初識 angular filter

初識 angular filter

 <tr ng-repeat="i in tableData" >
               <td>{{i.deviceName}}</td>
                   <td>{{i.aStartTs}}</td>
                   <td>{{i.aAlarmRules}}</td>
                   <td>{{i.aAlarmValues}}</td>
                   <td>{{i.aType}}</td>
                   <td>{{i.aSeverity | filterSeverity:i.aSeverity}}</td>
                   <td>{{i.aFaultCode}}</td>
                   <td ng-click="dialogshow(i.aAlarmId,$index)" style="color:blue">{{i.fFaultParttern}}{{i.reasonFlag | filterReason:i.reasonFlag}}</td>
</tr>

 //------“等級”欄位,中英文轉換

        app.filter("filterSeverity", function() {
            return function(input, name) {
                switch (name) {
                    case "CRITICAL":
                        return '危險';
                        break;
                    case "MAJOR":
                        return '重要';
                        break;
                    case "MINOR":
                        return '次要';
                        break;
                    case "WARNING":
                        return '警告';
                        break;
                    case "INDETERMINATE":
                        return '不確定';
                        break;
                }
            }
        });
        //--“故障原因”欄位設定
        app.filter("filterReason", function() {
            return function(input, reasonFlag) {
                if (reasonFlag == "2") {
                    return '(推薦)';
                }
            }
        });