ng-grid에 자리 표시 자 추가

Question

편집 가능한 그리드 그리드가 있습니다. 빈 셀에 자리 표시자를 추가하려면 어떻게해야합니까? 셀을 편집하면 사라집니다.

나는 그것을 입력 태그 가능합니다 알고

<input type="text" placeholder='Type something here'> 

Answer 1

사용 editableCellTemplate. 예를 들면 다음과 같습니다

$scope.gridOptions = { 
    data: 'myData', 
    enableCellSelection: true, 
    enableRowSelection: false, 
    enableCellEdit: true, 
    columnDefs: [{ 
    field: 'name', 
    displayName: 'Name', 
    enableCellEdit: false 
    }, { 
    field: 'age', 
    enableCellEdit: true, 
    editableCellTemplate: '<input placeholder="Type something here" ng-input="COL_FIELD" ng-model="COL_FIELD" />' 
    }] 
}; 

는 작업 데모입니다 : 당신이 셀을 편집하지 않을 때 자리 표시 자 텍스트가 볼 수 있도록하려면 http://plnkr.co/edit/x4Xhd0?p=preview

---

, 당신은 정의를 만들 수 있습니다 (편집되지 않음) null 값 대신 자리 표시 자 텍스트를 표시하는 cellTemplate

cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text>{{COL_FIELD || "Type something here"}}</span></div>', 
    editableCellTemplate: '<input ng-input="COL_FIELD" ng-model="COL_FIELD" placeholder="Type something here"/>'