草庐IT

angularjs-bootstrap

全部标签

javascript - 推特 Bootstrap : Remove/Toggle the active state of checkbox-like button group

使用twittersBootstrap,我创建了一个具有单选框行为的按钮组,让用户可以在不同状态之间进行选择。这按预期开箱即用。我用这里的例子安排了一个jsFiddle:http://jsfiddle.net/jpxWj/我尝试(并且想要)的是当我第二次点击事件按钮时可以移除按下状态。我尝试使用jQuerysremoveClass()从btn类中删除active类,但它不起作用。(我也尝试使用.on()删除,但这只会使事件始终隐藏/删除) 最佳答案 Hereyougo,在我看来,这是一个未知的事件现象。您可以阅读更多相关信息here

javascript - AngularJS - 路线 - 如何匹配星号(*)作为路径

我正在制作一个资源查看器应用程序,但问题是我试图匹配when("/!/:resourceUrl")。如果资源url是类似/path的东西,它工作正常,但我怎样才能制作类似/path/to/the/resource的东西。我不知道它需要多少路径,所以我不能做.when("/!/:path1/:path2/:path3").有什么想法吗? 最佳答案 从angular-1.2开始,您可以这样做:when("/!/:resourceUrl*")http://code.angularjs.org/1.2.0/docs/api/ngRoute.

javascript - AngularJS 服务不在 save() 方法上调用错误回调

所以我正在使用angularjsrestful服务$resource并且我正在调用$save函数。但是,我传递给它的错误回调没有被调用。服务器正在发送一个418错误,我认为因为它不是200将导致调用错误回调。但是,它从来没有。我找不到任何说明哪些http错误代码将导致调用错误回调的文档。这是我的代码:varmodalScope=$scope.$new();modalScope.showPassword=false;modalScope.message=null;modalScope.user=newUser();modalScope.submit=function(user){user

javascript - 将对象从函数返回到 AngularJS 中的 ng-repeat

我正在尝试将对象从函数返回给ng-repeat:{{album.title}}.controller('Albums',['$scope','Imgur',function($scope,Imgur){$scope.getAlbumList=function(user){Imgur.albumList.get({user:user},function(value){returnvalue.data;console.log('success');},function(error){console.log('somethingwentwrong');});}}]);.factory('Im

javascript - AngularJS css 动画 + 完成回调

我正在使用AngularJS,并希望在动画完成时得到通知。我知道这可以通过javascript定义的动画来完成,例如myApp.animation(...),但我很好奇我是否可以在没有javascript的情况下做到这一点。问题是否可以使用Angularng-enter和ng-leave/strong>css-transitions,并指定完成回调?我想animationend事件被触发了,所以应该有办法做到这一点。我有这个:HTML:{{item.name}}CSS:.myDiv.ng-enter{...}.myDiv.ng-enter.ng-enter-active{...}.my

javascript - 在 angularjs 中实现单个三态复选框的最佳方法是什么?

有没有一种简单的方法可以在网页上放置一个三态复选框并将其绑定(bind)到bool模型,以便后者可以采用true、false或null值?目前我找到的最接近的解决方案是http://jsfiddle.net/HB7LU/454/但它在设置初始View状态时存在缺陷(因为在首次渲染期间无法获取模型值)。任何其他建议处理多个子复选框并通过监视它们来解决问题。 最佳答案 http://jsfiddle.net/xJhEG/我在一个商业项目中做到了。三态是真、假、空(不是“未知”).directive('indeterminate',[fu

javascript - AngularJS - ngModel 绑定(bind)下拉值在视觉上发生变化,而变量没有

我有一个下拉列表:AllCountries$scope.countries最初由服务填充,然后另一个下拉更改事件将通过再次调用该服务来限制$scope.countries的值,传递通过其他下拉菜单的选定项目。这里的问题是当$scope.filter.country已经绑定(bind)到一个值(默认值除外)并且$scope.countries更新为不包含$scope.filter.country值的新列表。我可以看到国家/地区下拉列表恢复为默认选项“所有国家/地区”,但是$scope.filter.country保持原样。关于这个场景有什么想法吗?$scope.filter.countr

javascript - 可拖动的 JS Bootstrap 模式 - 性能问题

对于工作中的项目,我们使用JavaScript中的BootstrapModal窗口。我们想让一些窗口可移动,但我们遇到了JQuery的性能问题。$("#myModal").draggable({handle:".modal-header"});Example,Source.在IE9中,它按预期工作。在Chrome中,水平拖动正常,垂直拖动速度较慢但没有问题。在Firefox中,水平拖动按预期工作,但垂直拖动非常慢。这很奇怪,因为示例窗口的图形并不繁重,而且JQuery应该规范浏览器行为。我尝试在不使用JQuery的可拖动对象的情况下解决这个问题,但我遇到了同样的问题。所以我有几个问题:

javascript - AngularJS + ArcGIS

我正在尝试使用ArcGISJavaScriptAPI在Angular应用程序中。如我所见,它使用Dojo。所以,我正在尝试从Angular指令初始化ArcGIS,如下所示:link:function(scope,element,attrs){dojo.require('esri.map');varinit=function(){console.log('dojoisready');varmap=newesri.Map("map-container",{center:[-111.3797,56.7266],zoom:16,basemap:"streets"});map.enableScr

javascript - 使用 angular-ui bootstrap 和 typeahead-loading

所以我似乎无法弄清楚如何在我的typeahead获取远程数据时使用typeahead-loading属性来显示微调器。我在任何地方都找不到它的使用示例。当我们开始请求时,这个值是否需要我们在范围内手动设置?然后在请求完成时手动将其设置为false?有时这些有棱Angular的东西有魔力,我永远不确定后端是否发生了一些额外的事情来处理其中的一些事情。只是一个简单的例子,说明如何在预先加载中使用该值会很好。我只是想不出如何正确使用它。当然,很多Angular文档都缺乏一些更复杂的功能的好例子。 最佳答案 在我看来,文档对此并不清楚:“绑