草庐IT

ng-bootstrap

全部标签

javascript - 使用搜索输入字段过滤 ng-repeat 中的嵌套对象

我正在尝试使用搜索文本框过滤ng-repeat中的嵌套对象。给定以下对象:$scope.items={"1":{name:"FirstItem",tag:"first"},"2":{name:"SecondItem",tag:"second"}};我想做这样的事情:Usingboth{{key}}and{{values.name}}这确实不行。我尝试了很多东西,但无法使其正常工作。我不想改变我的对象。我搜索了很多,但没有找到适合我需要的东西。 最佳答案 我终于找到了我自己问题的答案。我只需要创建自己的过滤器并使用正则表达式检查对象内

javascript - 如何使用不在 Angular 中另一个数组中的值过滤 ng-repeat?

有没有什么方法可以使用Angular过滤器将值与数组中的每个值进行比较?Categories:{{c}}我想显示i.categories中不在myArray中的值:$scope.i={categories:["Europe&Eurasia","Featured","Headlines","MiddleEast","News","NEWSBYTOPIC","NewsCategories","REGIONALNEWS"]};$scope.myArray=['Featured','Headlines','News'];我想从c获取不包含在myArray中的所有内容。我尝试编写一些函数,但由于

javascript - 单击时使用纯 JavaScript 隐藏 Bootstrap 模态

我正在研究BootstrapPopUpModals。我有2个按钮,分别名为Button1和Button2。&我有2个模态框,分别名为Modal1和Modal2。Note:Button2isinsidetheModal1&Button1isontheWebPage.如果我点击Button1,Modal1应该是打开的&如果我点击Button2是在Modal里面,那么Modal1应该会自动隐藏并且应该显示Modal2。我正在使用jQueryYet做这件事并且它工作正常。$('#button1').click(function(){$('#modal1').modal('hide');$('#

javascript - 如果 ID 为数字,Bootstrap Accordion 不起作用

将Bootstrap升级到4.2.1版本后出现问题。在此版本中,当我在accordion中使用id="#12"时,它不起作用。在以前的版本中,它可以与id="#12"配合使用。有什么想法吗?CollapsibleGroupItem#1Animpariaturclichereprehenderit,enimeiusmodhighlifeaccusamusterryrichardsonadsquid.3wolfmoonofficiaaute,noncupidatatskateboarddolorbrunch.Foodtruckquinoanesciuntlaborumeiusmod.Bru

javascript - 我怎样才能在 twitter bootstrap 中只显示一次模态?

这是我的代码:$(document).ready(function(){if($.cookie('msg')==0){$('#myModal').modal('show');$.cookie('msg',1);}});在页面加载时模型显示,但当我刷新时它一直显示它应该只显示一次。$.cookie来自https://github.com/carhartl/jquery-cookie更新:这有效:“隐藏”由于某种原因无效$(document).ready(function(){if($.cookie('msg')==null){$('#myModal').modal('show');$.c

javascript - 使 bootstrap popover 出现在与其触发器不同的元素上

我正在尝试让单个“下一步”按钮创建不同的弹出窗口(弹出窗口1、2、3等...):每个弹出窗口都应该显示为附加到页面上的不同div。我们正在尝试创建一个“TakeaTour”功能,其中不同的功能由不同的弹出窗口解释。 最佳答案 手动显示/隐藏弹出窗口。单击“下一步”按钮时,按顺序显示和隐藏弹出框:varcurrentPopover=-1;varpopovers=[];//Initializeallthepopoverstobe"manually"displayed.popovers.push($("#ctrl1").popover({

javascript - angularjs ng-click 和 anchor 上的 href

如果anchor上同时存在ng-click和href,则ng-click不起作用。如果可能的话,我希望两者都能工作,转到一条路线然后运行一个功能。我的用例是我打开了一个带有链接面板的抽屉,当转到一个链接时我想关闭抽屉。让两者同时工作的简单方法是什么? 最佳答案 一旦您离开页面,脚本将不再运行。*你的流程可以是这样的:当用户点击时,运行执行以下操作的函数:运行你想要运行的原始函数处理任何“在此特定情况下导航离开”的逻辑。将location.href更改为您要导航到的URL。如果您发现自己一遍又一遍地实现那部分逻辑,当然可以将此行为提取

javascript - 使用 twitter bootstrap scroll spy

我一直在尝试让scrollspy在我的bootstrap网站上工作,但我无法让它工作。我遇到的问题是,无论我滚动到哪里,滚动都没有效果。你可以看到我在做什么here.我已经执行了所有需要的步骤,即下面是body标签导航也在那里:HomeAboutHowtoUse?Contact也调用了scrollspy。$('#top-fixed-nav').scrollspy();任何人都可以看看并指出我在这里忽略或做错了什么。 最佳答案 Docs说:Toeasilyaddscrollspybehaviortoyourtopbarnavigati

javascript - 在 ng-switch 中使用 ng-transclude

我无法让ng-transclude在ng-switch-default指令中工作。这是我的代码:指令:.directive('field',['$compile',function($complile){return{restrict:'E',scope:{ngModel:'=',type:'@',},transclude:true,templateUrl:'partials/formField.html',replace:true};}])partials/formField.html我是这样调用它的……test...产生错误的地方:[ngTransclude:orphan]Ille

javascript - 模板中带有 ng-if 的 angularjs 指令

我正在构建一个在其模板中使用ng-if的指令。奇怪的是提供给链接函数的元素并没有扩展ng-if代码,它只是ng-if的注释行。四处游玩,我发现通过将我的链接代码包装在$timeout中似乎可以让它工作,但我想知道这是否不是正确的方法......更重要的是,为什么会这样。我添加了一个plunk来演示:http://plnkr.co/edit/Gl7v8yJLevi664nUKcFY?p=preview 最佳答案 大多数指令实际上在$watch()中执行它们的大部分逻辑。例如ng-if将在它的属性上设置一个监视,然后在更改时渲染/删除d