草庐IT

angular-ui-bootstrap-tab

全部标签

javascript - Angular 2 root 的路由始终处于事件状态

最近我读了thisusefularticleaboutAngular2Router并查看了thedemo.一切似乎都很完美。但是当我试图根据router-link-active确定事件路线时类,我发现根路由始终处于事件状态。这是配置“主要”路由的app.component.ts的一段代码:@Component({selector:'demo-app',template:`HomeAbout`,//addourrouterdirectiveswewillbeusingdirectives:[ROUTER_DIRECTIVES]})@Routes([//theseareourtworout

javascript - 如何在 Angular 2 的 promise 中调用类方法?

如果我有一个Angular2组件,并且我从返回异步promise或可观察对象的服务中获取数据,那么我该如何调用组件中的方法来显示该数据?@Component({moduleId:module.id,selector:'charts',templateUrl:'charts.component.html',providers:[DataService]})exportclassChartsComponentimplementsOnInit{constructor(privatedataService:DataService)ngOnInit(){this.getData();}getDa

javascript - 即使在包含 popper.js 之后仍然得到 "Uncaught Error: Bootstrap dropdown require Popper.js"

Angular和Bootstrap的新手,我正在尝试创建helloworld应用程序。我已经添加了所需的库,但我一直卡在这个错误中UncaughtError:BootstrapdropdownrequirePopper.js我在jquery之后和bootstrapjs之前添加了popper.js脚本。但浏览器仍然会抛出错误。请帮忙。代码如下所示:Index{{message}} 最佳答案 这对我有用:使用popper.js,它位于您在此处找到的下载文件中名为“umd”的文件夹中https://popper.js.org不要将文件保存

javascript - 如何根据对象中的值显示/隐藏 ng-repeat 中的元素? Angular 型

好的,我正在尝试找出如何根据item.Status的值显示列表中每个项目的各种操作按钮。例如:如果item.Status是'New',我只想显示编辑按钮。解决这个问题的最佳方法是什么?此外,该解决方案需要能够支持多个值。例如,删除按钮只会显示'New'和'Completed',但不会显示'InProgress'。这可以只用ng-show来完成吗?#{{item.Id}}{{item.RecipientName}}{{item.RecipientCompany}}{{item.Status}} Remind View Edit Close 

javascript - 如何以编程方式检查 Bootstrap 按钮组(单选)按钮

http://jsfiddle.net/rphpbqp9/falsetrue$('#optionTrue').button('toggle');我已经阅读了更多问题的答案,但没有一个有效。按钮切换不起作用,我尝试添加/删除“事件”类,但没有效果。我正在使用1.10jQuery和3.1Bootstrap。这应该很简单,我正在拔头发! 最佳答案 button()需要在类btn...的元素上调用$('#optionTrue').closest('.btn').button('toggle');这将正确切换按钮并正确更新每个输入的选中属性.

javascript - 多个 $http 的 Angular promise

我正在尝试执行多个$http调用,我的代码如下所示:vardata=["data1","data2","data3"..."data10"];for(vari=0;i我如何保证所有$http调用都成功?如果其中任何一个失败,将执行一些操作。 最佳答案 您也可以使用$q.all()方法。因此,根据您的代码:vardata=["data1","data2","data3"..."data10"];for(vari=0;i你可以这样做:varpromises=[];data.forEach(function(d){promises.pus

javascript - 如何导入 Material UI 图标?我在使用 Material ui 图标时遇到了一些问题

我正在使用MaterialUI在我的项目中使用React,我在导入material时遇到了一些麻烦图标。我的代码是从MaterialUI复制而来的(version:"material-ui":"^1.0.0-beta.41",“material-ui-icons”:“^1.0.0-beta.36”,)文档,就像这样:importSkipPreviousIconfrom'@material-ui/icons/SkipPrevious';importPlayArrowIconfrom'@material-ui/icons/PlayArrow';importSkipNextIconfrom'

javascript - 如何使用jquery文件上传 Angular 版本?

这里是我如何使用angularjquery文件上传varalbum=angular.module('album',['restangular','blueimp.fileupload']),.controller('somecontroller',function($scope,){$scope.options={something}})我所做的只是设置scope.options,更改Controller,然后一切都神奇地工作了设置jquery文件上传似乎很容易,但有些事情真的让我很困惑如何调用jquery文件上传的回调函数。例如,如果文件上传成功,我想通过调用fileuploaddo

javascript - 关于 Angular 中的位置更改

有没有办法检测AngularJS中的全局位置变化,而不仅仅是单个Controller?我的目标是检测每个位置变化。或者有什么有效的方法可以观察window.location.href的变化吗?$routeChangeSuccess据我了解,是仅适用于单个Controller还是我错了? 最佳答案 首先,$routeChangeSuccess不限于单个Controller。它是从$rootScope广播的,这意味着它可以在每个作用域(或者从$rootScope继承的每个作用域)上被监听,但它是一个应用程序范围的事件。还有一个与$rou

javascript - Angular2 - *ngFor 和 *ngIf 在同一元素上产生错误

这个问题在这里已经有了答案:Angular2-TwostructuraldirectivesonthesameDOMelement[duplicate](1个回答)关闭6年前。我有一组用户,我只想在表格中显示男性用户。这是我试图实现这一目标的方式:import{Component}from'angular2/core';import{bootstrap}from'angular2/platform/browser';@Component({selector:'app',template:`{{user.name}}{{user.gender}}`})exportclassAppCmp{