草庐IT

Angular-bootstrap

全部标签

javascript - 错误 TS7017 : Index signature of object type implicitly has an 'any' type in form validation angular 2

我在给出的Angular2中进行响应式(Reactive)验证时遇到编译错误errorTS7017:Indexsignatureofobjecttypeimplicitlyhasan'any'type为了this.comErrors[field]='';constmessages=this.validationMessages[field];this.comErrors[field]+=messages[key]+'';它正在按应有的方式运行,但是当我尝试运行npmrunbuild.prod时,出现错误并且无法构建我的项目这是我的代码:onValueChanged(data?:any)

javascript - 为什么这个 Angular Controller 会抛出 "Error: Unknown provider: nProvider <- n"?

jsFiddleofthecode:{{data.message+"world"}}functionFirstCtrl($scope){$scope.data={message:"Hello"};}我刚刚开始使用Egghead.io上的视频学习Angular。跟着我被困在2ndvideowhereJohndiscussescontrollers上.它在他的视频中有效,在我的机器上失败。代码太基础了,我不知道是什么引发了这个错误:>Error:Unknownprovider:nProvideratError()>athttp://cdnjs.cloudflare.com/ajax/lib

javascript - 使用 Bootstrap 的工具提示中的图像?

Tooltiponright$(function(){$('[data-toggle=tooltip]').tooltip();});这很好用,但我想在工具提示中包含一张图片和一些文本。我尝试使用data-content="somestuff"但它什么也没显示。 最佳答案 初始化.tooltip时必须传入html选项。例如">$('a[data-toggle="tooltip"]').tooltip({animated:'fade',placement:'bottom',html:true});参见示例fiddle

javascript - Bootstrap Accordion ,单击时滚动到事件(打开) Accordion 的顶部?

我正在使用Bootstrap制作一个响应式网站,它包含带有大量文本的Accordion,当您阅读到底部并单击下一个Accordion时,大量文本被折叠并且我留在底部页面的。我从Bootstrapaccordionscrolltotopofactivepanelheading中找到了这个有用的代码但它会滚动到所有Accordion的顶部,而不是打开的特定Accordion的顶部。JS$(function(){$('#accordion').on('shown.bs.collapse',function(e){varoffset=$('.panel.panel-default>.panel

javascript - 如何打印整个 Bootstrap 模态,其中模态主体中的内容被滚动出 View

问题是用户必须向下滚动才能查看模态主体内的所有内容。但是,当我打印模态时,唯一打印的部分是可见的部分。我想要打印整个模式的内容。我已经尝试了下一页上的每一段代码,但没有一个能打印出整个模态。TwitterBootstrap:Printcontentofmodalwindow 最佳答案 与angularjsUIBootstrap库面临同样的问题。尝试了上面提供的链接,但没有成功。当模式比视口(viewport)LONGER时,唯一对我有用的CSS是:@mediaprint{.modal{position:absolute;left:0

javascript - 如何将onclick函数中的angular js变量作为参数传递

我尝试将AngularJS变量作为参数值传递给onclick()以调用javascript函数。谁能指导我如何操作?我的代码:{{filterList.id}} 最佳答案 你应该使用ng-click,没有理由使用onclick,因为angular为你提供了这个功能{{filterList.id}}然后你应该将你的函数移动到你的AngularJSController中,并将它绑定(bind)到作用域$scope.deleteArrival=function(filterListId){...};如果你绝对需要使用onclick来调用外

javascript - 在 Angular2 上向正文添加类

我有三个组成部分。它们是HomeComponent、SignInComponent和AppComponent。当应用程序打开时显示我的主页(HomeComponent)。我在登录页面打开时单击了“登录”按钮。我希望在打开它时将“登录页面”类添加到正文中。我该怎么做?//AppComponentimport{Component}from'@angular/core';@Component({moduleId:module.id,selector:'app',template:''})exportclassAppComponent{}//SignInComponentimport{Comp

javascript - Angular 4 : how do access local json?

在Angular2中,你可以有一个文件夹/data/和一个json文件,你可以在localhost:4200/data/something.json访问它。这在Angular4中不再可能。知道如何让它工作吗? 最佳答案 你可以使用这个代码@Injectable()exportclassAppServices{constructor(privatehttp:Http){varobj;this.getJSON().subscribe(data=>obj=data,error=>console.log(error));}publicget

javascript - 找不到名称 +'Input'。任意 Angular 2

我正在尝试让@Input在Angular2中使用Typescript。我收到以下错误,我不明白为什么。[ts]Cannotfindname'Input'.any下面是该组件的代码。import{Component,OnInit}from'@angular/core';@Component({selector:'app-item',templateUrl:'./app-item.component.html',styleUrls:['./app-item.component.css']})exportclassAppItemComponentimplementsOnInit{@Input

javascript - Angular:Validators.email 如果为空则无效

我正在使用Angular(4.0)创建一个应用程序,其中包含一个表单(FormGroup)。在这个表单中,我有一个电子邮件输入(使用FormControl),并且我使用Validators.email进行验证。import{Validators}from'@angular/forms';//...letvalidators=[];if([condition]){validators.push(Validators.email);}letfc=newFormControl([value]||'',validators);//...但是当输入为空时,它是无效的(它有一个ng-invalid