Angular /bootstrap - modal不显示(只有背景改变)
angular/bootstrap - modal doesn't display (only backdrop changes)
我创建了一个包含按钮和它的模态的指令。因为它在同一页面上使用了两次,所以我必须设置一些传递给模板的附加属性,以便我可以设置唯一的id。但是,当我单击按钮显示模态时,它只会更改div以使用背景。它没有显示模态
指令
<div class="col-md-4">
<qas-modal-find-postcode address="record.Address" town="record.Town" county='record.County' post-code="record.Postcode" div="#contactDetailsPostcode" id="contactDetailsPostcode"></qas-modal-find-postcode>
</div>
你可以看到我正在传递一个带有#的字符串和一个没有的字符串,我将在指令的HTML中使用这些范围变量。
myAppModule.directive('qasModalFindPostcode', ['genericService', 'commonUtilities',
function (genericService, commonUtilities) {
return {
templateUrl: 'Scripts/app/shared/qas/tmplModalQasPostcode.html',
scope: {
postCode: '=',
address: '=',
town: '=',
county: '=',
id: '@',
div: '@',
},
controller: [
'$scope', function ($scope) {
$scope.doSearch = function () {
genericService.doQueryByObj("qas", "postcode", null, null, { Address: $scope.address, Town: $scope.town, County: $scope.county }).then(function (data) {
$scope.addresses = data;
if ($scope.addresses == 0 || $scope.addresses == undefined) {
commonUtilities.addAlert('No Postcodes Found', 'info');
}
});
}
$scope.selectPostcode = function (postcode) {
$scope.postCode = postcode;
}
}
]
}
}]);
})();