Question

尝试创建一个带有链接的ng网格，即第一列中的锚点。它应该重定向到另一个页面，即传递给该人的Id的人：

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

我的控制器看起来像这样：

$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" }

];
});

链接甚至没有显示，有人可以帮忙吗？谢谢这是plnkrlink：http://plnkr.co/edit/Yg1fVjVviZPQgwlpVNPb?p=preview

Answer 1

我试图修复你的小提琴。更新的小提琴在这里

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

需要解决的问题是你错过了结尾}

{{row.getProperty(col.field)}

同样固定：true不起作用可能是因为你在第二列上做了。我把它移到了第一位然后就可以了。

此处引用字符串的表达式应在此处修复

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

如何在ng-grid列中显示锚点？

1 个答案: