草庐IT

javascript - 创建由多个组件组成的表

因此,当我开始深入研究angular2时,我想我创建了一个列出人员的表。一个组件用于创建表格(person-list),另一个组件用于表格中的每个人(person-list-item)。很简单,对吧?通过以下输出,我意识到这并不容易。如您所见,表格行不遵循表格结构。通过在检查器中查看html,我们还可以看到毁了table。有没有办法解决这个问题,或者我应该只在中创建表格行?元素为了不让浏览器毁了表格?我想这是一个适用于多个组件会破坏某个DOM元素的其他情况的问题。app.componentimport{PersonListComponent}from'./person-list.com

javascript - angular2 - 从父路由到子路由的传递值

我有一个名为home的路由,它有三个子路由、文档、邮件和垃圾。在主路由组件中,它有一个名为“user”的变量。我知道有几种方法可以在父组件和子组件之间传递信息突出显示here,但我应该如何在父/子路由之间传递信息。{path:'home',component:HomeComponent,children:[{path:'documents',component:DocumentsComponent},{path:'mail',component:MailComponent},{path:'trash',component:TrashComponent},]},服务import{Inje

javascript - 在angular2中使用窗口对象但vscode "Cannot find name '窗口'“

我用VisualStudio代码编写了一个angular2应用程序。最近,我将VisualStudioCode更新到了1.10.2。但它已将window突出显示为有错误。当我检查它时,我发现它说:[ts]Cannotfindname'window'.我的代码如下:saveCustomIndex(customIndex:any,indexName:string){window.localStorage.setItem(indexName,JSON.stringify(customIndex));}截图我该如何处理?谢谢! 最佳答案 在

javascript - Angular2 setTimeout 返回 ZoneTask 而不是 "Number"

尝试在angular2中使用setTimeout,我想稍后清除超时。但是Angular2返回的是“ZoneTask”而不是数字constructor(){this.name='Angular2'this.timeoutId=setTimeout(()=>{console.log('hello');},2000);console.log("timeoutID---",this.timeoutId);//Output-ZoneTask{_zone:Zone,runCount:0,_zoneDelegates:Array[1],_state:"scheduled",type:"macroTa

javascript - 当 `ngModelChange` 保持值时,Angular ngModel 不会更新

我有一个文本字段表示为:field={text:"",valid:false},以及一个带有[(ngModel)]="field.text".我想让那个字段只接受一组定义的字符(对于这个问题,数字),并且(keypress)在移动设备上不起作用,所以我做了:(ngModelChange)="fieldChanged(字段)"该方法执行以下操作:fieldChanged(field){console.log(field.text);field.text=Array.from(field.text).filter((char:string)=>"0123456789".indexOf(ch

javascript - angular-ui-router 1.0.x : event. preventDefault & event.defaultPrevented 替代

我刚刚将$stateChangeStart替换为$transitions.onStart$rootScope.$on('$stateChangeStart',function(e,...){e.preventDefault();//othercodegoeshere...});到$transitions.onStart({},function(tras){//needacodeequivalenttoe.preventDefault//needacodetoidentifyevent.defaultPrevented//othercodegoeshere...//getparentst

javascript - 如何在 ionic2 中为 Web 应用程序管理多个 slider ?

我有这样的幻灯片HTML{{slide.gameTitle}}{{slide.gameTitle}}它在移动设备上工作。问题是当我在Firefox(也在chrome)中拖动幻灯片2时,幻灯片1也被拖动了。不能单独拖动幻灯片2。我如何在ionic2中制作2个完全独立的slider以在浏览器中运行 最佳答案 更新感谢来自Slackchannel的@cookiecookson:linktothegithubissuelinktoaPRthatfixesthisissue(notyetmergedasof27/06/2017)这似乎是Ion

javascript - .then() 永远不会在 Observable.toPromise() 上调用

我尝试使用来自angularfire2身份验证库的token对我的后端调用进行身份验证。我订阅authState以获取用户token并将其作为RequestOption添加到我的http请求中。如果我在chrome调试器中设置断点,它会成功执行getAuthOptions()中的返回行,但在this.getAuthOptions().toPromise()之后,应用既不调用.then()也不调用.catch()函数。Observable的使用是否有错误?我可以尝试其他方法吗?getPoints():Promise{returnthis.getAuthOptions().toPromis

javascript - 带有 Bootstrap 4 Grid 的 Angular Material 2

我正在使用Angular4并安装了AngularMaterial2,因为我喜欢组件的外观。所以现在我拥有所有组件并想要创建布局。我知道它有AngularFlex布局,但老实说我不太了解Flex,所以我在考虑使用Bootstrap的4Grid来整理布局。为什么我不应该将Bootstrap的网格与AngularMaterial2一起使用? 最佳答案 将bootstrapgrid与angularmaterial2一起使用是毫无意义的。Idon'tknowFlexthatwellsoIwasthinkingonusingBootstrap'

javascript - 如何从 Jasmine 测试 Angular 2/4 触发文档级事件

根据Angular测试文档,要从测试中触发事件,我们在调试元素上使用triggerEventHandler()方法。此方法采用事件名称和对象。现在,如果我们使用HostListener添加事件,这将起作用。例如:@HostListener('mousemove',['$event'])或添加一个document级别的事件,我们这样做是这样的@HostListener('document:mousemove',['$event']).在我当前的指令实现中,由于我无法嵌套HostListeners,我使用document.addEventListener添加document级事件到Host