编译的html不会调用ng-click

Question

我正在使用输入字段和提交按钮加载部分视图。

部分视图是从我的ASP.NET MVC控制器加载的，但不知何故我的ng-click没有调用该按钮。

实施例

index.controller.js

$scope.addClient = function() {
$http.get('/FileMaintenance/AddClient')
    .then(function (response) {

            var divTemplate = response.data;
            divTemplate = $sce.trustAsHtml(divTemplate);
            $scope.chosen_view = divTemplate;
            var element = angular.element(document.getElementById('btnAddCompany'));
            element.append(divTemplate);
            $compile(element)($scope);
    },
        function(error) {
            alert('An error occured in retrieving view. ' + error.message);
        });

};

的index.html

<div id="file_maintenance_view_area">
    <div ng-bind-html="chosen_view">

    </div>
</div>

从ASP.NET mvc加载局部视图

<div>
    <a href="javascript:void(0);" ng-click="addClient()">Add Client</a>
</div>