2014-05-21 1 views
0

첫 번째 열에 앵커 인 링크가있는 그리드 그리드를 만들려고합니다. 사람의 ID를 전달 다른 페이지 즉 사람에게 리디렉션하도록되어 :ng-grid 열에 앵커를 표시하는 방법은 무엇입니까?

는 링크도 표시되지 않는
$scope.gridOptions = { 
    data: 'myData', 
    enablePinning: true, 
    columnDefs: [ 
     { 
      field: 'id', 
      displayName: 'PersonLink', 
      enableCellEdit: false, 
      cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()"><a href="/person/{{row.getProperty(col.field)}">{{row.getProperty(name)}</a></div>' 
     }, 
     { field: "name", width: 120, pinned: true }, 
     { field: "age", width: 120 }, 
     { field: "birthday", width: 120 }, 
     { field: "salary", width: 120 } 

    ] 
}; 

$scope.myData = [ 
    { id:1,name: "Moroni", age: 50, birthday: "Oct 28, 1970", salary: "60,000" }, 
    { id:2,name: "Tiancum", age: 43, birthday: "Feb 12, 1985", salary: "70,000" }, 
    { id:3,name: "Jacob", age: 27, birthday: "Aug 23, 1983", salary: "50,000" }, 
    { id:4,name: "Nephi", age: 29, birthday: "May 31, 2010", salary: "40,000" }, 
    { id:5,name: "Enos", age: 34, birthday: "Aug 3, 2008", salary: "30,000" } 

]; 
}); 

, 누군가가 도울 수 :

<a href="/person/{{row.getProperty(col.field)}">{{row.getProperty(name)}</a> 

내 컨트롤러는 다음과 같다? 감사합니다 여기 plnkrlink가 있습니다 : http://plnkr.co/edit/Yg1fVjVviZPQgwlpVNPb?p=preview

답변

1

나는 당신의 피들을 고치려고 노력했습니다. 업데이트 된 바이올린은 여기

http://plnkr.co/edit/hbN32G9KDU0vjR36tKgh?p=preview

수정이 필요한 것은 당신이 }

{{row.getProperty(col.field)}

또한 고정 된 끝없는 있었다이다 : 당신이 두 번째 열에서 그 일을하고 있기 때문에 어쩌면 작동하지 않는 사실 . 나는 그것을 처음으로 옮겼다. 또한

문자열 여기

{{row.getProperty(\'name\')}}

고정되어야 의미 표현식