草庐IT

ng-bootstrap

全部标签

javascript - 如何从后面的代码关闭 Bootstrap 模式?

我正在从模态进行更新操作。当模态弹出时,它会加载我要更新的特定行数据。下面是我的模态代码:×InsertModuleUPDATEEMPLOYEEDETAILFIRSTNAMEMIDDLENAMELASTNAMEEMAILDOBUSERNAMEPASSWORDClose我正在从代码隐藏中加载模态并从代码隐藏中填充其字段。下面是我的隐藏代码:protectedvoidup_tb8_Click(objectsender,EventArgse){vardb=newdbDataContext();Employeeemp=newEmployee();db.Sp_Updatevalue(

javascript - 具有内联函数的 Angular ng-click

为什么onclick="window.history.back()"起作用而Angular的ng-click="window.history.back()"不起作用? 最佳答案 您可以将window添加到您的$scope中,甚至更好地添加到$rootScope中,这样每个$scope可以访问window,因此您的初始尝试将如您所愿地工作。将其添加到$rootScope的示例:app.run(['$rootScope',function($rootScope){$rootScope.window=window}])然后你只需调用:Go

javascript - 如何在用户点击离开时关闭 Bootstrap 弹出窗口(或任何一般项目)?

我在手动模式下使用来自Twitter的Bootstrap库的popover对象,我想知道当用户点击它时我应该如何关闭工具提示。这是我的HTML:Test和我的JavaScript:$('#stats-bar').click(function(e){$(this).popover('show');});当用户点击除弹出窗口本身以外的任何地方时,如何隐藏弹出窗口?我想过在弹出框后面使用一个固定的透明div并设置它的点击事件,但我不确定这是最好的方法。 最佳答案 我最终连接到文档点击事件并在此时隐藏所有工具提示$(document).cl

javascript - 像 Bootstrap 这样的东西可以用 Angular 折叠

我正在构建一个小型应用程序并且我正在使用AngularJS。在应用程序内部,我需要一个可折叠元素,使用TwitterBootstrap就像在我的目标元素和触发器上添加库和一些标签一样简单。但我尽量不加载其他外部库,如bootstrap或任何其他库,所以我试图通过Angular实现相同的行为:$scope.collapse=function(target){varthat=angular.element(document).find(target),transitioned={'WebkitTransition':'webkitTransitionEnd','MozTransition'

javascript - 将 ng-include 用于原始(或编译)HTML 还是模板 URL?

假设我有一个模板,其中包含一个带有ng-include指令的元素:我正在尝试将我们所有的模板简化为我们构建的应用程序JS(使用browserify和brfs转换),从概念上讲,它看起来像:这最终会导致:listitem">除了在ng-include中使用模板URL之外,还有什么方法可以使用原始或编译后的HTML吗?如果没有,是否有另一种Angular替代方法可以让我完成这个,无论是作为某种包含还是部分,但能够包含原始/编译的HTML? 最佳答案 我自己花了几天时间,使用$templateCache找到了一个很好的解决方案。javas

javascript - AngularJS - 仅在 ng-change 上触发 $timeout 事件一次

我在绑定(bind)到范围变量的html输入字段上有一个ng-change。varchange=function(){redraw_graph()}现在,当我更改输入框时,它会为我输入的每个新字符重新绘制图形。我想要延迟(N秒),所以在ng-change事件触发之前,angular会等待用户完成输入。如果触发了多个ng-change事件,它会取消较早的事件,只执行最新的事件。我已将延迟与超时结合起来,但在N秒后,ng-change事件仍然触发不止一次。我以前解决过这个问题,但我目前不知道该怎么做。 最佳答案 对我来说,您所要求的似乎

javascript - 带有 ng-include 的 Angular JS ng-switch?

我有3个不同的代码片段,我想根据选择菜单中的选择进行交换。如果我包含内联代码,它会起作用,但是当我尝试像这样使用ng-includes时,我会收到Angular错误并且应用程序失败:我在这里做错了什么?ng-switch不能与ng-includes一起使用吗? 最佳答案 原因是指令ng-include和ng-switch-x都使用了嵌入,而您在同一个元素上指定了这两个指令,这是不允许的。将nginclude移动到ng-switch元素的子元素。这在angular1.x版本之前一直有效,但是从1.2.x版本的angular开始,复合嵌

javascript - react bootstrap - 将自定义 bsStyle 属性添加到按钮

我正在为我的项目使用react-bootstrap,我正在尝试将自定义bsStyle属性添加到按钮组件。如果我根据以下链接使用默认Bootstrap类http://react-bootstrap.github.io/components.html#buttons类名正确呈现。但是,如果我将属性更改为bsStyle='facebook',它会呈现btn-undefined简而言之,当我在reactBootstrap中将bsStyle属性传递给组时,我不知道我哪里出错了。这是我的HTML样子如果我将代码更改为它工作正常并且类被正确呈现。这是控制台html日志 最

javascript - AngularJS Ng-重复和重复

我在SO中看到很少有问题讨论在ng-repeat中不允许重复。我的问题有点不同。就我而言,我很困惑,因为我即使数组中有重复的对象也没有收到错误这是我的HTML代码{{item.email}}下面是填充数组的代码app.controller('MainCtrl',function($scope){$scope.items=[];$scope.items.push({"id":"1","email":"a@b.com"});$scope.items.push({"id":"1","email":"a@b.com"});$scope.items.push({"id":"2","email":

javascript - 如何检查某些东西是否在 ng-class 的数组中

我想做这样的事情:varlist=[1,2,3,4,5]if(2inlist){returntrue}来自ng-class,所以我尝试了:ng-class="this.idinlist?'class-1':'class-2'">但是没有用,抛出错误SyntaxError:Token'in'isanunexpectedtokenat... 最佳答案 对于数组,您将使用indexOf,而不是用于对象的inif(list.indexOf(this.id)!==-1){...}所以ng-class="{'class-1':list.inde