草庐IT

Angular-bootstrap

全部标签

javascript - X-Editable bootstrap 插件 "hidden"动态添加元素的事件问题

我无法让x-editable的“隐藏”事件通过JS处理动态添加的类(或字段)。只有当我直接在HTML上添加可编辑的类时,我才能让它工作,但这种方法不适合我。我做错了什么?$.fn.editable.defaults.mode="inline";$.fn.editable.defaults.onblur="submit";$(document).ready(function(){$('.field').each(function(){$(this).addClass('editable');});$('.editable').editable();});$(document).on('h

javascript - 在 bootstrap 选项卡问题中绘制图表

我正在尝试在bootstrap选项卡中使用flotchart,尽管javascript没有正确绘制图表,但它的绘制扭曲了,文本太靠近图表了。.在选项卡之外,图表工作正常。我试过使用css,但我发现的唯一解决方案是在选择选项卡之前不将选项卡样式(display:none)设置为默认值,例如:我尝试在用于图表的选项卡上设置display:block,图表绘制得很好,但在其他选项卡选择上Canvas不会消失。解决方案。我提醒一下,这是Bootstrap默认选项卡中的图表错误。它被绘制扭曲的原因是因为图表无法在隐藏的div(display:none)中正确绘制。有3个选项可以解决此问题。添加一

javascript - Angular : Selectively compile templates

我知道ng-non-bindable允许给定元素及其子元素不被编译为模板。它似乎被设计为根据需要在整个模板中穿插。有没有办法告诉Angular不要处理给定的元素,而是在其中“戳洞”并允许处理选定的子元素?例如,我很想能够做这样的事情:{{2+2}}{{2+2}}并让它输出:{{2+2}}4我知道ng-non-bindable甚至不允许处理ng-bindable,即使它存在。但是,是否存在允许像我所表达的那样处理模板的方法?更彻底地说,我理想的解决方案是在找到ng-bindable之前不会处理任何Angular,而不仅仅是大括号表达式。例如:{{n+2}}{{n+2}}会导致:{{n+2

javascript - 如何将 MVC 模型传递给 UI-bootstrap 模态

我正在尝试使用Angular/bootstrap模式来编辑MVCApplicationUser脚手架View。我找到了几个例子,它们大多是jquery。我找到了一个使用jquery-ui效果很好的工具。我想与我的模态保持一致,所以我需要让它与angular-ui或普通Bootstrap一起使用。我不确定这是如何为数据绑定(bind)调用MVCController的。工作的Jquery-ui例子$(document).ready(function(){$.ajaxSetup({cache:false});$(".editDialog").live("click",function(e){

javascript - 使用 JavaScript 和 Angular.JS 在表中不规则重复

我想像这样迭代一些数据:{{k}}{{val.style}}{{item.title}}{{item.ingredients}}{{item.moreInfo}}(a)和(b)[和c,d,e...]也会使用对象“iteminval.items”,但是{{item.ingredients}}不是一个有效的表达式,因为它不在中。使用我想用来创建更多列的对象。外观示例:http://jsfiddle.net/yj7xopgy/有什么办法可以做到这一点吗? 最佳答案 使用ng-repeat-startandng-repeat-end.{{i

javascript - 从 Angular 应用程序范围之外调用 AngularJS 函数

我看到了很多与此事相关的问题,但我尝试过的解决方案都没有奏效:在public文件夹中,我有一个名为app.js的文件,我在其中定义我的AngularJS应用程序,如下所示:varapp=angular.module('app',[]);varRectangleDim=30;app.controller('MainCtrl',function($scope,$http){在文件的末尾,我执行如下Bootstrap:angular.bootstrap(document.getElementById('body'),["app"]);然后,在同一个文件夹和HTML中,我应用AngularJS

javascript - Adblocker 屏蔽了我的 Angular 网站 (Google Analytics)

一家公司通知我他们无法访问我的Angular网站,因为我依赖于GoogleAnalytics。他们的政策是阻止跟踪器和广告。由于我的网站完全是用Angular制作的,其中一个依赖项实际上是GoogleAnalytics,我想知道我是否可以以某种方式为启用了这种类型的Adblocker的访问者实现后备。此外,当用户阻止它时,我能否以某种方式禁用依赖注入(inject)。问题的核心是依赖angulartics我的app.js如下所示:angular.module('mywebsite',['angulartics','angulartics.google.analytics',])和我的i

javascript - 加载 Angular View

每当我们加载.html文件时,它会以angular方式为某些Controller提供服务。angular是否进行ajax调用以检索该html。喜欢这段代码。.state('home',{url:'/',templateUrl:'/Modules/Signin/signin.html',controller:'SigninCtrl'})我的意思是在获取signin.html时询问是否进行了ajax调用?或者它们是否作为普通资源加载?如果进行了ajax调用,我在哪里可以找到有关它的文档。 最佳答案 当你的代码执行时,Angular首先在

javascript - Angular2点击事件不更新模板

我正在试验Angular2并尝试获取一个简单的点击事件来更新模板。单击事件触发toggleValue()函数,但不会更新模板。我所做的似乎与那里的各种教程一致(尽管它们基于Alpha版本);我只是想不出这么简单的例子哪里出了问题。代码如下:///import'reflect-metadata';import{Component,View}from'angular2/core';import{bootstrap}from'angular2/bootstrap';@Component({selector:'app',})@View({template:`Value:{{value}}Tog

javascript - 需要禁用 Bootstrap 时间选择器的输入

我正在使用Bootstrap时间选择器。我已经成功地实现了它。但我需要的是用户只能插入30分钟的间隔,如:10:00、10:30、11:00等。为此,我尝试了如下所示的minuteStep,它工作完美。$('#fantasyleague-draft_time').timepicker({template:false,showInputs:false,minuteStep:30});但问题是用户可以根据需要输入时间。那么,如何防止它手动输入时间呢?为此,我引用了bootstraptimepicker 最佳答案 在您的文本框中尝试这样的