草庐IT

Angular-bootstrap

全部标签

javascript - Bootstrap Nav-tab 显示隐藏内容

在我为学习Rails和JS而构建的应用程序中,我想使用选项卡导航。这是我指向3个部分的选项卡导航。我现在正在寻找创建JavaScript的方法。单击选项卡并将类事件设置为单击的时如何处理此问题同时显示相应的部分?我无法执行getElementById之类的操作。所以,我需要这样的结构:$("li.presentation").on("click",function(event){...$(...).class("active");$(...).toggle();};感谢所有帮助!DetailsTagsComments章节Section1contenthereSection2conten

javascript - Angular 2 i18n 动态/即时翻译

我遵循了angular.io国际化指南(https://angular.io/docs/ts/latest/cookbook/i18n.html#!#angular-i18n)。一切正常,如果我在index.html文件中更改语言环境:document.locale='en';但我希望动态更改它,就像我们过去在AngularJS中所做的那样。我找到了几种解决方案,例如://mycomponent.component.tschangeLang(){localStorage.setItem('localeId',"es");location.reload(true);}//Ihardcod

javascript - 在 Object Angular 2 Typescript 中添加值

我正在使用Angular2(typescript)我有一个对象:obj={"cadSocios":true};我需要给它添加其他值:obj2={"name":['name1','name2'],part:['part1','part2']};我的最终目标必须是:objFinal={"cadSocios":true,"name":['name1','name2'],part:['part1','part2']};我该怎么做?inarray可以使用.push和Object吗? 最佳答案 您可以使用Object.assign函数obj={

javascript - angular 和 google analytics 集成 => ga 不是函数

我正在做一个angular(4)应用程序,但我在集成谷歌分析时遇到了问题。我目前要将谷歌分析添加到我的单页网络应用程序中。但是当我尝试检索ga函数以发送新url时,它似乎找不到该函数。这是我得到的代码:索引.hbs(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.asy

javascript - 内容更改时 Bootstrap 模式调整大小

我有一个包含表单的Bootstrap模式窗口。如果用户提交表单,它会通过Ajax进行验证。如果有任何错误,它会显示在模式中的表单上方(无需重新加载页面)。因此,我需要一种在内容更改时调整模式大小的方法。有什么想法吗? 最佳答案 你试过不设置div的高度吗? 关于javascript-内容更改时Bootstrap模式调整大小,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/10977

javascript - 如何强制 Angular 使用 jqlite 或手动引用 jquery 对象

我的Angular应用程序中存在不兼容的jQuery版本,我无法升级jQuery,但可以使用noConflict方法并排加载最新的jQuery版本,但我似乎找不到强制Angular的方法。js使用较新的jQuery版本。有没有这样的方法?流:…varnewjquery=jQuery.noConflict();//angularcode 最佳答案 来自thedocs:DoesAngularusethejQuerylibrary?Yes,AngularcanusejQueryifit'spresentinyourappwhentheap

javascript - 在 Meteor 中使用#each 使用动态数据填充 Bootstrap 网格

首先感谢您的帮助并原谅我的幼稚Meteor和Bootstrap技能。我遇到了与提出的问题类似的问题here这产生了一些建议但没有解决方案。我想使用#each在Meteor模板中使用来自MongoDB的数据填充BootStrap网格。由于BootStrap网格有12列,我想每行显示4个“单元格”,我相信我需要-使用.创建一行在...element...中输出四个数据元素用.关闭“行div”使用...创建下一行冲洗并从第2步开始重复。第2步是使用{{#each...}}block从数组/集合返回数据执行的。我的Meteor模板看起来像这样(我正在扩展优秀的“DiscoveringMeteo

javascript - Bootstrap 模式上未触发单击事件

我试图在savechanges被推送时捕捉点击事件。由于某些原因我无法捕捉到点击事件。为什么?$('#inviteRequest').click(function(){//e.preventDefault();console.log(1);$('#myModalInviteDestination').modal('hide');});×Enteryourfriendsemailaddressuse;asdelimiterCloseSavechanges 最佳答案 您需要将其包装在文档中。准备就绪:$(function()

javascript - Angular.js getElementById() 在 $scope 函数中不起作用

el=document.getElementById(id);在下面的函数内部时不起作用...el为空。在浏览器调试中,我可以使用相同的代码提取元素。我是Angular.js的新手。我不能在附加到作用域的函数中使用常规javascript吗?myappApp.controller('Scroller',function($scope,$location,$anchorScroll){$scope.scrollTo=function(id){el=document.getElementById(id);} 最佳答案 我认为DOM尚未加

javascript - Angular JS : ng-repeat with dynamic ng-model

我有一段重复多次的有效代码,因此非常适合ng-repeat循环。例如,我的代码的两个实例如下。这是Javascript中的filterParamDisplay数组:$scope.filterParamDisplay=[{param:'userName',displayName:'UserName'},{param:'userEmail',displayName:'UserEmail'}];我一直在尝试将其放入ng-repeat循环中,但到目前为止没有成功。这就是我对atm进行的编码。问题在于上面的ng-model变量,以及ng-click和ng-show中的$index。不确定这是否可