草庐IT

Angular-bootstrap

全部标签

javascript - Bootstrap Slides 在使用 Angular 6 使用多项目轮播时滞后

我的问题是我正在为多项目轮播使用Angular6、Bootstrapv4和jQuery。如果我在轮播上有[1,2,3,4,5,6]这样的数据,它必须显示[1,2,3]。按下一步后它必须显示[4,5,6]。在我完成这一部分之前,我遇到了一些问题。只有第一张事件卡在移动,也有滞后,上一个和下一个按钮不可见。请检查一次Stackblitz文件,您将了解问题这是我在Stackblitz中的工作https://stackblitz.com/edit/angular-jvr6dhHTML代码InformationCard1Thisisalongercardwithsupportingtextbel

javascript - Angular ngController 与在指令中构建的 Controller

我想知道这两种创建Controller的用例是什么:使用ngController:myApp.controller('myController',['$scope',function($scope){}]);在带有Controller属性的指令中构建Controller:myApp.directive('myDirective',['$window',function($window){return{restrict:'A',controller:['$scope',function($scope){}],link:function(scope,element,attrs){}};}]

javascript - 调试 Angular 的摘要周期 : How to find the cause of an infinite loop?

我目前正在编写一些带有延迟加载内容+Controller的代码。我的代码基本上像thisfiddle一样工作.但是,出于某种原因,我的版本不起作用,而是我得到aninfinitedigestcycle每当angular尝试更新它的View时。当我从这个简单的重复语句中删除ng-include时,问题就消失了:最奇怪的部分:即使从未将pageNames分配给范围,也会发生完全相同的错误。两个范围(外部和内部Controller的范围-我都有一个)可以完全为空(我检查了Batarang-我只有两个空范围),但我仍然得到错误。我的代码有点复杂,其他依赖太多,所以贴在这里没有意义。它最纯粹的版

javascript - Handlebars.js 和 Bootstrap 网格 - 将列换行

我相信我需要一个自定义的Handlebars.jsBlockHelper来处理基于Bootstrap的网格系统中的行。我希望每3件元素都包装在中期望的输出.........模板:{{#employees}}{{name}}{{title}}{{skills}}{{/employees}}数据vardata={"employees":[{"name":"FredFlintstone","title":"FrontendDeveloper","skills":"html,css,javascript"},{"name":"SallyStruthers","title":"FrontendD

javascript - 为什么我在 Angular JS 中得到两个方法调用?

我有以下示例:varapp=angular.module('myApp',[]);app.controller('myCtrl',function($scope){$scope.testMethod=function(){alert('hi');}});{{testMethod()}}我只在View模板中调用过一次该方法。但是为什么执行了两次呢? 最佳答案 当你在绑定(bind)表达式中使用函数时,Angular将在每个$digest阶段重新计算表达式。这背后的原因是函数可以返回响应,但Angular无法知道结果是否不会在下一个函数

javascript - 如何在 Angular UI Bootstrap Pagination 中生成链接

我一直在继续学习angular,现在已经成功地使用了angularuibootstrap分页。我能够显示项目列表以及正确的页数。每当我点击分页时,也会切换到正确的页面。现在我的问题是,如果用户想要为某个页面添加书签,或者确保用户在刷新浏览器时都停留在同一页面上,我该怎么做。浏览器的地址栏上没有生成任何链接(href)。我还需要设置路线吗?能否请您发布一些示例,因为它会对我有很大帮助。谢谢。 最佳答案 你需要设置路线,你可以使用routeProvider来完成或uirouter在这个例子中,我使用路由提供者来演示,但是思路是一样的。这

javascript - 如何在 Bootstrap timepicker 上设置默认时间

如何为此日期时间选择器设置默认时间而不是当前时间http://tarruda.github.io/bootstrap-datetimepicker/? 最佳答案 您可以通过JavaScript设置默认时间:$('mySelector').timepicker({defaultTime:'10:45PM'});或者直接通过时间选择器的值属性:$('.myClass').timepicker({defaultTime:'value'});编辑:用于boostrap的默认时间选择器,我的错。对于您的特定时间选择器,似乎可以像这样设置日期时

javascript - 未知提供程序 : $rootElementProvider when using $injector to get $location service before angular. Bootstrap

您好,我正在尝试手动引导一个Angular应用程序,但有一些业务需要先处理。This文章提到了我感兴趣的技术。当我注入(inject)时:var$injector=angular.injector(["ng"]);var$http=$injector.get("$http");它工作正常,但是:var$injector=angular.injector(["ng","myApp"]);var$location=$injector.get("$location");抛出以下错误。UncaughtError:[$injector:unpr]Unknownprovider:$rootElem

javascript - Angular 2.1.0 动态创建子组件

我在angular2.1.0中尝试做的是动态创建应该注入(inject)到父组件中的子组件。例如,父组件是lessonDetails,它包含所有类(class)的共享内容,例如Gotopreviouslesson、Gotonextlesson等按钮.基于路由参数,本应是子组件的类(class)内容需要动态注入(inject)到父组件。子组件(类(class)内容)的HTML在外部某处定义为纯字符串,它可以是如下对象:exportconstLESSONS={"lesson-1":`lesson1`,"lesson-2":`lesson2`}通过innerHtml在parentcompon

javascript - 在 bootstrap 4 中使列可调整大小

我正在使用bootstrap4,它很棒,但是有什么方法可以添加某些列到另一个类,例如可调整大小,并可能添加min-width或max-width,它们将在这些限制内调整大小。那太好了。我并不是特指任何现有的库。我只是在寻找这个问题的解决方案。示例代码如下:非常感谢 最佳答案 https://split.js.org/您可以使用splitjs,为您的元素提供一个id并设置默认大小,因为您使用的是Bootstrap,您已经依赖于Jquery,所以这应该不是问题。Github链接是:https://github.com/nathancah