草庐IT

ng-bootstrap

全部标签

javascript - Angular 指令/子指令嵌入在 ng-repeat 中

问题是子指令绑定(bind)到父指令,但是语法{{name}}被ng-repeat忽略。实现这一目标的正确方法是什么?HTML(主/子指令){{name}}or{{item.name}}指令angular.module('core').directive('compactSelect',[function($timeout){return{templateUrl:'modules/core/views/components/compact-select-tpl.html',bindToController:true,transclude:true,scope:{noItemSelect

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

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

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

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

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

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

javascript - 如何禁用 ng-grid 中的选择

是否可以使用内置功能“禁用”或锁定对ng-grid的选择?我希望用户能够选择一行,单击一个按钮,然后网格将保持锁定状态,直到用户按下另一个按钮。 最佳答案 是的,您可以从beforeSelectionChange返回false以禁用更改网格上的选定行。$scope.option={enableRowSelection:true,};$scope.gridOptions={data:'myData',beforeSelectionChange:function(){return$scope.option.enableRowSelect

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

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

javascript - 处理 ng-repeat 中的重复元素

我正在构建一个具有一种“播放列表”功能的应用程序。这表示带有ng-repeat="elementinplaylist"的ng-repeated自定义指令因为我想允许用户在播放列表中重复使用相同的元素两次,所以我尝试使用trackby$index添加。现在,令人困惑的是:当我从播放列表中删除一个元素时(我有一个函数removeElement(index),它基本上包含如下内容:$scope.removeElement=function(index){$scope.playlist.splice(index,1);}奇怪的事情发生了:该元素已从$scope.playlist中正确删除,但由

javascript - Angularjs ng-repeat 在模型更改时不会更新

我的项目中有这段代码。我尝试使用$http从数据库中添加数据,但ng-repeat不更新表,只显示一个空白行。当我检查范围时,数据已经存在。我已经阅读了很多答案,但它们似乎与我的问题无关。TextoListaCuentaRed{{tuit.texto}}{{tuit.lista.nombre}}{{tuit.lista.cuenta.nombre}}{{tuit.lista.cuenta.red.tipo}}Controller:.controller('TweetsController',['$scope','$http','filterFilter',function($scope

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。不确定这是否可

javascript - 使用 jQuery UI 问题使 Bootstrap 模式可调整大小

所以我创建了一个Bootstrap模态,我正在尝试使用jquery调整它的大小。我的调整大小是水平工作的,但如果您尝试垂直调整大小,就像模态内部的内容不包含在我尝试调整大小的元素中一样。我尝试在.resizable()上使用“alsoResize”属性并将所有div包含在模态中,但这似乎会导致其他问题。$('.modal-content').resizable({alsoResize:".modal-header,.modal-body,.modal-footer"});这是我的例子:https://jsfiddle.net/p7o2mkg4/ 最佳答案