将自定义样式应用于角网格

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>' 
     } 
    ] 
}; 

}）;