ng-click无法在模态角度js中工作

Question

这是主模式代码：

<div ng-controller="CorporatePackageDetailsOpen20">
    <div class="modal-header">
        <h3 class="modal-title">Package Detail</h3>
    </div>
    <div class="modal-body" id="packagedetails">
    </div>
    <div class="modal-footer">
        <a class="btn m-b-xs w-xs btn-info" ng-click="getFormForupdate()" style="width:125px !important;">Update Package</a>
        <button class="btn m-b-xs w-xs btn-danger" ng-click="cancel()">Close</button>
    </div>
    <div id="addpackageform"></div>
</div>

动态HTML 将追加转移到上面代码中的 addpackageform div。在那里，这是动态创建的HTML，我有一个按钮，这是button的 HTML代码：

<div class="form-group">
    <div class="col-lg-offset-2 col-lg-10">
         <button type="button" ng-click="assingSinglePackageToOperator()" class="btn btn-default btn-info">Add</button>
    </div>
</div>

在我的controller.js文件中，我有代码：

app.controller('CorporatePackageDetailsOpen20', function ($scope) {
    $scope.assingSinglePackageToOperator = function () {    
        var iPackageId = $('#iPackageId').val();
        var dStartDate = $('#dStartDate').val();
        var dEndDate = $('#dEndDate').val();
        var id = $scope.id;   
        console.log(iPackageId);
        console.log(dStartDate);
        console.log(dEndDate);
            return false;
        };
});

当我点击 Add按钮时，它不会控制数据。