草庐IT

ng-bootstrap

全部标签

javascript - (Angular 2+)在 *ngFor 中使用 ng-content,无法访问循环变量

如何嵌入/投影到循环内的插槽中,并使投影内容能够访问循环变量?假设我有一个包含以下内容的基本组件{{data.title}}和一个使用嵌入槽“slot”的子组件{{data.category}}{{data.number}}我想要生成的HTML是{{data.title}}{{data.category}}{{data.number}}但实际发生的是子组件中没有定义“数据”,这是有道理的。有什么方法可以让它像这样工作吗? 最佳答案 使用TemplateRef可以在模板级别以声明方式声明在两个组件之间起作用的模板变量。以下解决方案与您

javascript - Meteor 中的外部依赖项(如 Bootstrap )

假设我有一个外部依赖项,例如Bootstrap。我想从那里导入一些LESS,因为这样我就可以在我的代码中使用Bootstrapmixin。由于Meteor已经编译并连接了我的树中的所有LESS(对吗?),仅复制LESS目录然后偶尔手动更新它并不是解决方案。事实上,对于默认的LESS目录,似乎每个LESS源文件都会在输出中出现两次:一次是因为它是在bootstrap.less中导入的,一次是因为文件本身。有没有办法让meteor忽略一些路径?public/听起来很接近;但我真的不想提供Bootstraprepo服务。另外,这可能会针对LESS修复它,但是在Bootstrap中处理JS扩展

javascript - Angularjs:tr 标签上的 ng-repeat 和 ng-switch

我正在尝试使用AngularJS创建一个事件列表表。但是每个事件都有一个类型,不同类型的事件内容截然不同,有些类型还会生成不止一行。在一个完美的世界里,我会这样做:............但这行不通,因为大多数浏览器会丢弃或重新定位ng标签以强制tbody仅包含trs。我见过的相关问题(Howtouseng-repeatwithoutanhtmlelement)的唯一解决方案是拥有多个tbody元素;我宁愿不这样做,但即使我这样做,给tbodyng-repeat和ng-switch属性,我仍然有我不能在单个ng-switch-when中包装多个trs的问题.有没有办法在AngularJ

javascript - 当我单击日期两次时,bootstrap datepicker 无效日期问题?

我正在使用Bootstrap日期选择器,但在特定情况下遇到了无效日期问题。如果我点击今天的日期,它工作正常,但当我再次点击相同的日期时,它会出现无效日期问题。所有日期都是如此,因为我在其他插件中找不到这个问题。html:JavaScript:$("#dp1").datepicker({format:"mm-dd-yyyy",viewMode:'days',todayHighlight:true}).on('changeDate',function(ev){vara=$('#dp1').datepicker('getDate');$(this).datepicker('hide');al

javascript - 带 Bootstrap 选项卡的 Rails

我有一个Rails4应用。我正在尝试合并Bootstrap选项卡。阅读Bootstrap文档,它说这样做的一种方法不涉及任何js。我已经尝试了文档中的每一种方法,但无法在我的应用程序中使用它们中的任何一种。我目前的尝试是:TermsPrivacyLicenceTrustReliancePricing效果是在页面顶部给我一个标签栏。选项卡是可单击的。然而,每个单独的选项卡内容Pane中的所有内容仅显示在一个大的长文本页面中。链接无效。任何人都可以看到让这个工作需要什么吗?我在文档中读到了这个声明:您只需在元素上指定data-toggle="tab"或data-toggle="pill"即

javascript - Angular ng-include 在错误的位置

我尝试包含一个带有Angularng-include的模板。要包含的页面:FirstSecondThird模板:text1text2text3获取模板方法:$scope.getTemplate=function(templateName){returnAPP_CONFIG.TPL_PATH+'/path/'+templateName+'.html';};模板加载正常,我可以在页面上看到它,但位置不对。这是我浏览器控制台的屏幕,ng-include插入在表格之前,而不是表格内部:请你帮我理解一下,这是为什么?提前谢谢你。编辑1,添加浏览器渲染: 最佳答案

javascript - Angularjs Bootstrap 日期选择器 : Select multiple dates

我正在尝试使用AngularUI表带日期选择器。如何从日期选择器中选择多个日期并将值作为数组返回。http://mgcrea.github.io/angular-strap/#/datepicker 最佳答案 您可以使用gm.datepickerMultiSelect指令,它环绕着ui-bootstrapdatepicker指令,添加多选功能。varmyApp=angular.module('myApp',['gm.datepickerMultiSelect']);functionAppCtrl($scope){$scope.act

javascript - 更改 Angular ui-bootstrap 模板的文件夹位置

我正在尝试将ui-bootstrap.min.js与外部模板一起使用。我得到的错误是:http://localhost:13132/Place/template/timepicker/timepicker.html404(NotFound)我希望对于每个页面、每个模板,它都在以下位置查找我的模板:http://localhost:13132/js/app/template/...但我似乎找不到在哪里可以更改它指向的位置。有人知道如何进行此更改吗? 最佳答案 这可以使用$provide.decorator来处理阅读有关此问题的更多信息

javascript - Angular JS 1.2 - 使用 ng-show 动画化子元素

最亲爱的stackoverflowers,我是AngularJS的新手并且阅读了一些stuff关于如何以Angular方式制作动画,我仍然对如何正确实现它以及何时何地添加哪些类感到非常困惑。我觉得使用传统的jQuery(添加和删除类)我可以更好地控制我的动画。但也许这只是因为我已经习惯了那样。在页面加载时,我希望某些元素具有动画效果。因此在我的Controller中,在页面加载时,变量(pageLoaded)被设置为true。我周围的内容包装div将具有ng-show="pageLoaded"。通过这种方式,我使用以下CSS转换/动画成功地在整个页面上添加了动画:.page.ng-hi

javascript - react 大日历,将 Bootstrap 弹出窗口添加到事件?

看起来您可以为React日历组件创建自定义组件。我在看这个例子:https://github.com/intljusticemission/react-big-calendar/blob/master/examples/demos/customView.js.但不清楚如何创建自定义事件组件。我也查看了文档,但没有明确的示例:http://intljusticemission.github.io/react-big-calendar/examples/index.html#prop-components我特别感兴趣的是为每个事件创建一个工具提示,以显示更详细的事件描述。谁能举个例子说明有