What it works for me was add this line into the target page. So I set the 
following 2 lines in plain javascript at the end of my controller:

    //HACK: Use to kill the modal black layer that left bootstrap (1 hour 
trying to fix it)
    var someNode;
    if (someNode = document.getElementsByClassName('modal-backdrop')[0]) {
      someNode.parentNode.removeChild(someNode);
    }

El martes, 31 de marzo de 2015, 22:49:15 (UTC+13), Gábor Imre escribió:
>
> Hello all! 
>
> I've met this problem when I wanted to use ng-enabled / ng-disabled on a 
> modal close button.
> See the 2 solutions below, each works: 
>
>    - Cancel button with data-dismiss, no ng-disabled
>    - Send button with ng-disabled, it closes the modal manually in a 
>    default onclick
>
> The Send button would not work with the data-dismiss field. Nor would it 
> work if the modal('hide') within the ng-click, I think it wouldn't work 
> because of Angular's $scope. 
>
> <div class="modal-footer">
>    <button type="button" class="btn btn-link notes-cancel-btn" 
> data-dismiss="modal"
>          ng-click="ctrl.cancelEdit();">Cancel</button>
>    <button type="button" class="btn btn-primary"
>          onclick="$('.create-new-note').modal('hide')"
>          ng-click="ctrl.createNote()"
>          ng-disabled="bodyError()">Send!</button>
> </div>
>
>
> Note that this solution keeps the separation of concerns: The controller 
> has nothing to know about the underlying HTML. 
> One can also use some Angular+Bootstrap libs (as mentioned before by 
> @clayton).
>
> Regards, 
> Gabor
>
> 2015. február 17., kedd 14:04:36 UTC+1 időpontban Rahul Nair a következőt 
> írta:
>>
>> Hi Leblanc
>> How did you resolve this issue?
>> Iam also facing the same.
>> Seek valuable help and support.
>> Thanks in Advance!
>>
>> On Monday, April 15, 2013 at 3:26:09 AM UTC+5:30, Leblanc Meneses wrote:
>>>
>>>
>>> data-dismiss="modal" is bootstrap's way to dismiss a modal window
>>>
>>>
>>> <button data-dismiss="modal" class="btn btn-primary" 
>>> ng-click="AddWidget(SizeX,SizeY,Row,Column)">Add Widget</button>
>>>
>>>
>>> Individually data-dismiss works to close modal window.
>>>
>>> After adding ng-click to do work in my controller the modal window no 
>>> longer closes.
>>>
>>> Anyone know how to get these 2 attributes to work nicely together?
>>>
>>> version: 1.0.5
>>>
>>>
>>>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to