我正在使用带有angularJS和angularstrap的jquery完整日历.似乎问题是只有当我点击日历中的一个按钮或调整浏览器窗口大小时才会显示日历.此日历正在使用angularstrap初始化的模式框中加载.
我很感激帮助.
Plunkr:LINK
模态HTML在search_modal.html中.日历控制器是:calendarCtrl.js父控制器是search.js
编辑:经历了谷歌地图和我试图实现的画廊相同的问题后,我不认为这是一个与日历直接相关的问题,而是与模式框本身更相关.任何交互式和涉及javascript的东西都不能根据模态框的大小正确缩放.任何人有任何想法如何解决这个问题?
解决方法
你的问题似乎与
How can I list two Linkedin Follow Buttons in a Twitter Bootstrap Dropdown相似
您的模态设置为:
<a data-bs-modal="'search_modal.html'" href="#" class="ng-scope" data-target="#search_modal-003" data-toggle="modal">Search</a> <div id="search_modal-003" class="modal hide fade ng-scope in" tabindex="-1" aria-hidden="false">
在日历插入之前删除显示:none(给空格)将解决您的问题.使用上面的代码b.e. add#search_modal-003 {display:block;你的自定义CSS.