JQuery数据表在其中一个表列中显示链接

我试图让JQuery datatable中的一列显示链接，如下面的代码所示，但我总是得到一个错误，并且什么也不显示。有人能帮我指出我到底做错了什么，以及如何正确地将datatable列中显示的数据更改为链接吗？谢谢

           <div class="table-responsive">
              <table ui-jq="dataTable" ui-options="{
                  data: dset,
                  aoColumns: [
                    { mData: 'title' },
                    { mData: 'firstName' },
                    { mData: 'lastName' },
                    { mData: 'email' }
                  ],
                  "aoColumnDefs": [  {
                       "aTargets": [ 3 ],                                                 
                       "mRender": function ( data, type, full ) {
                         return '<a href="/mailto/' + full[3] + '">' + data + '</a>';
                       }
                     }
                   ]
                }" class="table table-striped m-b-none">
                <thead>
                  <tr>
                    <th  style="width:15%">Title</th>
                    <th  style="width:30%">First Name</th>
                    <th  style="width:30%">Last Name</th>
                    <th  style="width:25%">Email</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>

• 我还在AngularJS应用程序中实现上表

我看到的错误是：

Error: [$parse:syntax] Syntax Error: Token 'undefined' is unexpected, expecting [:] at column null of the expression [[{
                  data: dset,
                  aoColumns: [
                    { mData: 'title' },
                    { mData: 'firstName' },
                    { mData: 'lastName' },
                    { mData: 'email' }
                  ],]] starting at [[{
                  data: dset,
                  aoColumns: [
                    { mData: 'title' },
                    { mData: 'firstName' },
                    { mData: 'lastName' },
                    { mData: 'email' }
                  ],]].

---

虽然对AngularJS了解不多，但我很确定，当您的ui选项属性本身包含未替换的双引号时，解析此代码的任何解释器都会遇到问题。尝试用单引号替换它们或转义它们（\”）

您真的应该将整个对象放入控制器中的一个变量中，并简单地传入该变量。在

ng options=“”中有
”
字符

我们都知道，这意味着您只需关闭

ng options

属性。要么对首先出现在这里的双引号进行转义：

“aoColumnDefs”

，要么（最好）以更理智的方式传递这个巨大的选项对象

angular.controller('myController', function($scope) {
  $scope.options = {
     data: dset,
     aoColumns: [
      { mData: 'title' },
      { mData: 'firstName' },
      { mData: 'lastName' },
      { mData: 'email' }
     ],
     "aoColumnDefs": [  {
      "aTargets": [ 3 ],                                                 
      "mRender": function ( data, type, full ) {
       return '<a href="/mailto/' + full[3] + '">' + data + '</a>';
      }
     }
   ]
  };
});

<table ui-jq="dataTable" ui-options="options" class="table table-striped m-b-none">

angular.controller（'myController'，函数（$scope）{
$scope.options={
数据：dset，
AO列：[
{mData:'title'}，
{mData:'firstName'}，
{mData:'lastName'}，
{mData:'电子邮件'}
],
“aoColumnDefs”：[{
“目标”：[3]，
“mRender”：功能（数据、类型、完整）{
返回“”；
}
}
]
};
});

angular.controller('myController', function($scope) {
  $scope.options = {
     data: dset,
     aoColumns: [
      { mData: 'title' },
      { mData: 'firstName' },
      { mData: 'lastName' },
      { mData: 'email' }
     ],
     "aoColumnDefs": [  {
      "aTargets": [ 3 ],                                                 
      "mRender": function ( data, type, full ) {
       return '<a href="/mailto/' + full[3] + '">' + data + '</a>';
      }
     }
   ]
  };
});

<table ui-jq="dataTable" ui-options="options" class="table table-striped m-b-none">