草庐IT

Angular-bootstrap

全部标签

javascript - 未检测到 Bootstrap 崩溃事件 hidden.bs.collapse

我有一个使用引导折叠元素的Angular应用程序。我创建了一个名为accordion-list的指令,用于托管可折叠元素。然后,为了收听事件,我使用了jquery事件委托(delegate)。出于某种原因,我的应用程序无法检测到Bootstrap何时触发hidden.bs.collapse事件。这是我的代码://app.js'usestrict';(function(){varprovasNaoIdentificadas=angular.module("provasNaoIdentificadas",['restClient']);provasNaoIdentificadas.cont

javascript - 检查 Angular 模板中的值是否不为空且不为空?

如何检查值是否不为空且不为null。在Controller中:$scope.data.variable='somevaliddata';somethingelse谢谢 最佳答案 因为null和empty都是假值div.variableifnotnullorempty将评估为true并且如果null或empty将评估为falsesomethingelse 关于javascript-检查Angular模板中的值是否不为空且不为空?,我们在StackOverflow上找到一个类似的问题:

javascript - 在 Bootstrap 模式中验证输入文本

我想在不使用任何框架的情况下验证Bootstrap模式中的表单。它实际上是一个简单的模式,只有一个输入文本和两个按钮“关闭”和“发送”。用户应在输入框中键入他/她的姓名,然后单击发送。表单通过方法post发送。我想要做的是,如果用户没有在的输入框中输入任何内容并单击“发送”按钮,输入框应该有一个红色边框环绕它而不是默认的蓝色边框。这是我的模态代码:×MymodalPleaseenteryourname:NameCloseSend我尝试使用javascript将输入文本的类更改为has-error但它不会生成红色轮廓。当我点击发送时,它通过post方法发送空值而不是这是我的j

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - 在循环 Angular2 中创建多个元素

编辑:关于可能的答案:我也遇到了那个问题/答案并以这种方式实现了它。但是,对于新版本的Angular2,语法有所不同。关于ngFor的文档没有更新(这是我看的地方)。所以我写错了代码。关于ngFor的文档已在TemplateSyntax-ngFor中更新.Günter写了一个关于如何在较新版本的Angular2(beta17或更高版本)中使用它的正确示例。我想在循环中创建多个元素。这就是我现在拥有的:IDName{{item['id']}}{{item['name']}}我想要的是tr下的另一个tr和details。所需的输出在浏览器中应如下所示:IDName1Item12Item2我

javascript - d.stopPropagation 不是 bootstrap select-picker 的函数

我的网站有一个问题,选择器在很多时候工作正常,但没有对代码进行任何更改,选择器停止工作。错误是:bootstrap-select.min.js:7UncaughtTypeError:d.stopPropagationisnotafunction我已经尝试更新库的版本,但我尝试过的所有版本(1.10、1.7、1.6和1.5)看起来都存在同样的问题。你能给我一些关于正在发生的事情的想法吗?如果您能在网站上看到该控制台,那就太棒了。 最佳答案 确保选择器在设置值之前已完全初始化:$('.selectpicker').selectpicke

javascript - 在 Windows 10 上安装 Angular-CLI

我在Windows10系统上安装angular-cli时遇到问题。这些错误与Python依赖项和node-gyp有关。如下所示:>execSync@1.0.2installC:\Users\UserName\AppData\Roaming\npm\node_modules\angular-cli\node_modules\execSyncnodeinstall.js[execsyncv1.0.2]Attemptingtocompilenativeextensions.{Error:spawnnode-gypENOENTatexports._errnoException(util.js:

javascript - Angular2 使用标签更新 ng2-charts

最近我开始使用Angular2工作,并且对框架ng2-charts有疑问。这是我的component.ts代码:import{Component}from'@angular/core';import{ChartsModule}from'ng2-charts';import{PredictionService}from'./prediction.service'@Component({selector:'prediction-result-chart',templateUrl:'./predictionResultChart.component.html'})exportclassPre

javascript - Angular 4 - "wait for operation"的正确方法是什么?

我遇到了一个简单的问题,它有一个hacky解决方案setTimeout(...,0)。看看这个简单的代码:@Component({selector:'my-app',template:`SpanToDetect`,})exportclassApp{Items:Array=newArray();fill(){this.Items=[1,2,3,4,5,6,7,8,9,10]this.analyzeDom();//thishastorunhere}analyzeDom(){alert($("div.mySpan").length)//"0"//BUTifIsetthishackytrick

javascript - 选择选项后调用函数的正确方法。 Angular 4

您好,我需要在选择其中一个选项后调用一个函数。哪种方法最好?我正在使用angular4。modo(){//ifmodo1isselecteddosomething.//ifmodo2isselecteddosomething.//ifmodo3isselecteddosomething.}Modo:MODO1MODO2MODO3 最佳答案 您可以像下面这样使用更改事件处理程序,它将选定的值传递给处理程序:MODO1MODO2MODO3modo(value:string){switch(value){case"mod1"://ifmo