將自定義樣式應用於角網格

Question

我在我的角度項目中使用了ng網格（UI網格）。 我的客戶給我作爲樣機的表格。現在我想根據客戶端設計來設計UI網格。

請給我建議我怎麼做到這一點。

Answer 1

下面是如何將圖像添加到ng-grid的示例。你必須使用cellTemplate，這樣做的內容可以存儲到一個單獨的* .html文件，以及...

// main.js 

VAR應用= angular.module（ '對myApp'，[ 'ngGrid']）;

app.controller（ 'MyCtrl'，函數（$範圍，$ HTTP）{

$http.post('/MyPage/index.json?details=full').success(function (data) { 
    $scope.carData = data; 
}); 

$scope.updatecar =function(row){ 
    $http.post('/MyPage/index.json?details=&carID='+row.getProperty('carID')+'&enable='+row.getProperty('link')).success(function (data) {   
    $scope.carData = data; 
});  
}; 

$scope.gridOptions = { 
    data: 'carData', 
    columnDefs: [{field: 'carName', displayName: 'car Name'}, 
     {field: 'carTemperature', displayName: 'Temperature' 
      , cellTemplate: 
        '<div ng-class="ngCellText">' + 
        '{{row.getProperty(col.field)}} <img ng-src="{{row.getProperty(\'imageName\')}}" alt=""/>'+       
        ' <a href ="" ng-click="updatecar(row)">' + 
        '{{row.getProperty(\'linkText\')}} </a>' + 
        '</div>' 
     } 
    ] 
}; 

}）;