草庐IT

Angular-bootstrap

全部标签

javascript - angular js添加两个数字问题

我有这段代码使用angularjs:UntitledPagefunctionTodoCtrl($scope){$scope.total=function(){return$scope.x+$scope.y;};}CalculateNumber1:Number2:Total我可以做乘法、除法和减法,但对于加法,代码只是连接x和y值(即如果x=3和y=4,总数是34而不是7)我做错了什么? 最佳答案 如果情况确实如此,那么正在发生的情况是为x和y传入的值被视为字符串并连接起来。您应该做的是使用parseInt将它们转换为数字return

javascript - Angular : Pass $scope variable as directive attribute

我试图将$scope变量值作为属性传递给自定义指令,但它不起作用。这是HTML代码:{{q.question}}指令是,这里是指令代码:app.directive('checkList',function(){return{restrict:'E',template:function(elem,attrs){console.log(attrs.name);return'YesNo'},link:function(scope,elem,attrs){}};})我正在记录属性attrs.name但我得到的值是"{{q.id}}"而不是q.id的实际值 最佳答案

javascript - Angular ui 路由器 : how do I reload a state when a path parameter changes but not reload when a query parameter changes?

例如,我希望导航中的此更改能够重新加载状态:#/detail/1#/detail/2但是我不希望这个导航重新加载状态:#/detail/1?search=blah#/detail/1?search=huzzah根据ui-router文档,设置reloadOnSearch:false应该可以完成此操作,但请尝试下面的方法。当reloadOnSearch===false时,更改路径参数不会重新加载状态,即使文档说它应该。Plunkr:http://run.plnkr.co/ZPy9uabYlkMilwdS/#/param 最佳答案 我创

javascript - 通过开放模态函数 Angular uibModal 传递数据

我正在尝试弄清楚如何在弹出时将unit_number传递到模式中。我是Angular的新手,我对resolve:和group:正在做的事情以及如何在返回语句中包含unit_number感到有点困惑。$scope.openTenantModal=function(unit_number){varmodalInstance=$uibModal.open({animation:true,templateUrl:'views/addtenantmodal.html',controller:'AddTenantModalCtrl',size:'large',resolve:{group:func

javascript - 使用 ESC 关闭 Bootstrap 模式

我正在使用2个模态框,第一个包含一个表单,第二个在表单中出现错误时显示。第二个模态仅包含带有错误消息的文本。我的问题是,当第二个模态出现并且我按下Esc时,第一个(带有表单)将在第二个模态上关闭。有什么方法可以在第二个模态出现时聚焦它吗?这是它的样子,现在如果我按Esc,第一个会关闭,但我想先关闭第二个。更新一旦我点击了第二个模态的某处,它就完美地工作了。我只需要自动选择/聚焦它 最佳答案 看起来这是keyup事件绑定(bind)方式的问题。您可以将“tabindex”属性添加到您的模式来解决这个问题:tabindex="-1"所以

javascript - Bootstrap 3 下拉事件未触发

我正在尝试在BS3.0上运行的网站上的下拉菜单中触发显示的事件http://hmelius.com/avant/index.php我已经在控制台中尝试过这段代码(来自BS3文档页面),但没有成功$('.dropdown-toggle').on('shown.bs.dropdown',function(){console.log("shown");}); 最佳答案 我相信事件是在“父级”而不是切换上触发的,所以它将是切换上方的带有.dropdown或.btn-group的元素;下拉包装元素查看源代码了解我的意思:https://git

javascript - 如何在特定条件下从元素中删除 Bootstrap Affix?

我有一个使用TwitterBootstrapAffix的元素插入。如果窗口垂直调整到小于项目高度的位置,我想从元素中删除词缀功能,因为您将无法在窗口中看到所有内容。到目前为止,我已经在控制台中尝试过这个,只是想看看它是否可以被删除,但它似乎没有用。$("#myElement").removeClass("affixaffix-topaffix-bottom").removeData("affix");$(window).off("scroll.affix.data-api,click.affix.data-api");也许我的做法不对?如何以编程方式从已应用词缀的元素中删除词缀?

javascript - 如何通过 Javascript 获取 Bootstrap 版本?

有没有办法通过调用函数获取Bootstrap版本?我做了一些研究,但找不到任何方法。版本信息包含在开头的注释中,如下所示:`/*!Bootstrapv3.3.7(http://getbootstrap.com)版权所有2011-2016Twitter,Inc.获得麻省理工学院许可*/`但是如果注释被删除,我该如何获得Bootstrap版本?Bootstrap插件中定义了一个版本,但我正在寻找通用的Bootstrap版本,而不是特定插件的版本。 最佳答案 可以通过插件构造函数的VERSION属性访问每个BootstrapjQuery插

javascript - Angular 6按日期排序对象数组

我尝试为我的Angular6应用程序按日期对数组对象进行排序。数据具有字符串格式。我想知道是否有一个现有的模块可以在Angular中执行排序,或者我们必须在Typescript中构建它的排序功能。Angular模板数组[{CREATE_TS:"2018-08-1517:17:30.0",Key1:"Val1",Key2:"Val2",},{CREATE_TS:"2018-08-1517:25:30.0",Key1:"Val1",Key2:"Val2",},{CREATE_TS:"2018-08-1517:28:30.0",Key1:"Val1",Key2:"Val2",}]

javascript - Bootstrap 轮播不自动滑动

我正在使用Twitter轮播(最新版本)的Bootstrap并且我已经开始工作-除了它不会开始自动滑动。单击其中一个导航按钮后效果很好。不确定为什么要这样做。这是我在标题中的JS设置:">">">和HTML:‹›也只是添加了这个无济于事:$('#myCarousel').carousel({interval:1200});进行上述更改后,javascript控制台显示:未捕获的TypeError:对象#没有方法'carousel'(匿名函数)b.extend.readyjquery.min.js:29你关于为什么这不起作用的任何想法? 最佳答案