角度ng-click在表格单元格内不起作用

Question

我有一个jQuery jTable，它正在使用angularjs $ document.ready函数进行初始化。这里包含ng-click事件的列：

            $document.ready(function () {
                jQuery('#tblArticlesSearch').jtable({              
                  paging: true
                 fields:{
                       ToCart: {
                          width: '1%',
                        display: function () {
                          return '<i class="fa fa-shopping-cart" 
                           aria-hidden="true" ng-click="AddToDeliveryList();"></i>';
                        }
                      }
                  }
               }
                });
              });

在控制器中，这是函数：

angular.module("deliveryListModule")
.controller("deliveryListController", ["$scope", "$http", "$document", function ($scope, $http, $document) {


  $scope.AddToDeliveryList = function () {
    alert("add");
  }

当然，控制器和模块应用于文档：

<div id="divMain" class="divMain" ng-app="deliveryListModule"
        ng-controller="deliveryListController">

问题是，单击该项目时，ng-click事件未触发。什么都没发生。那是为什么？

修改

感谢Tushar，我已经使用了这行代码，现在工作正常：

return $compile('<i class="fa fa-shopping-cart" aria-hidden="true" ng-click="AddToDeliveryList();"></i>')($scope);

当然，我也注入了$ compile。