반응형
{name: 'subjectTemplate', displayName: '제목', field : 'subject', cellTemplate: '<div >{{grid.appScope.subjectCustom(row)}}</div>' },
var vm = this;
vm.subjectCustom = function( myRow ) {
var subject = myRow.entity.subject;
if ( myRow.entity.categoryName != null) {
subject = '<span class="label label-primary">' + myRow.entity.categoryName + '</span> ' + subject;
}
return subject;
};
이렇게 하면 html 이 그대로 출력된다.
함수는 값만 리턴되게 하고 cellTemplate 안에 html코드 작성하여야 된다.
함수 선언도
$scope.subjectCustom = function( myRow )
$scope 로 하면 안되었다.
var vm = this; 를 선언하여
vm 내부에 함수 선언 해야한다.
cellTemplate: '<div><span class="label label-primary">{{row.entity.categoryName}}</span> {{row.entity.subject}}</div>'
반응형