欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Bootstrap和Angularjs配合自制彈框的實(shí)例代碼

 更新時(shí)間：2016年08月24日 11:15:05   作者：haiziguo  
今天小編通過本文給大家分享Bootstrap和Angularjs配合自制彈框的實(shí)例代碼，代碼簡(jiǎn)單易懂，有需要的朋友跟著小編一起學(xué)習(xí)

指令

directive('bsPopup', function ($parse) {
return {
require: 'ngModel',
restrict: 'A',
link: function (scope, elem, attrs, ctrl) {
scope.$watch(function () {
return $parse(ctrl.$modelValue)(scope);
}, function (newValue) {
if (newValue ==0) {
$(elem).modal('hide');
return;
}
if (newValue == 1) {
$(elem).modal('show');
return;
}
});
}
}
});
<button class="btn btn-xs btn-warning" data-target="#myModal" data-toggle="modal" ng-click="sss()">彈框</button>
<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade" bs-popup="" ng-model="test"
id="myModal" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header alert-info">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
<h4 id="myModalLabel" class="modal-title">彈框</h4>
</div>
<div class="modal-body">
<button class="btn btn-info" ng-click="hhh()">測(cè)試</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>

以上所述是小編給大家介紹的Bootstrap和Angularjs配合自制彈框，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論