我一直在研究drupal
angularjs模块.我已经安装了bootstrap ui,工作正常.但是,当我使用模态框时,它不起作用.
控制器内的代码：
$scope.alertOnEventClick = function( event,allDay,jsEvent,view ){
$scope.alertMessage = (event.title + ' was clicked ');
console.log($modal);
var modalInstance = $modal.open({
//templateUrl: Drupal.settings.angularjsApp.basePath + '/ng_node/calender/popup',template: "<div class='modal-header'><h3 class='modal-title'>I'm a modal!</h3>" +
"</div><div class='modal-body'><ul><li>jfksdfhjksd</li><li>jfksdfhjksd</li><li>jfksdfhjksd</li></ul></div>"+
"<div class='modal-footer'><button class='btn btn-primary'>OK</button>" +
"<button class='btn btn-warning'>Cancel</button></div>",controller: ModalInstanceCtrl,scope: $scope
});
function ModalInstanceCtrl($scope,$modalInstance) {
console.log("controller class called")
};
我仍然面临着bootstrap ui popup模型的问题.
解决方法
I too faced this problem earlier. With further investigation I could
understand that as per angular guidelines,the isolated scope can only
have the attributes of the custom directives. It throws error if we try to create a new scope value which doesn’t matches with any of the attribute.
myModule.directive('directiveName',function factory() {
return {
...
scope: {
'attrName': '@',// OK
'attrName2': '=localName',// OK
'attrName3': '<?localName',// OK
'attrName4': ' = name',// OK
'attrName5': 'name',// ERROR: missing mode @&=
'attrName6': 'name=',// ERROR: must be prefixed with @&=
'attrName7': '=name?',// ERROR: ? must come directly after the mode
}
...
}
});
