Tag: angular

如何testing一个元素是否使用了量angular器的类？

我正在尝试Protactor e2etestingAngular应用程序，并没有想出如何检测一个元素是否具有特定的类。 在我的情况下，testing点击提交button，现在我想知道表单[名称=“getoffer”]类.ngDirty。 什么可能是解决scheme？ describe('Contact form', function() { beforeEach(function(){ browser.get('http://localhost:9000'); element(by.linkText('Contact me')).click(); }); it('should fail form validation, all fields pristine', function() { element(by.css('.form[name="getoffer"] input[type="submit"]')).click(); expect(element(by.name('getoffer'))).toHaveClass('ngDirty'); // <– This line }); });

Angular 2 @ViewChild注解返回undefined

我正在学习Angular 2。 我想使用@ViewChild注解从父组件访问一个子组件。 这里有几行代码： 在BodyContent.ts中我有： import {ViewChild, Component, Injectable} from 'angular2/core'; import {FilterTiles} from '../Components/FilterTiles/FilterTiles'; @Component({ selector: 'ico-body-content' , templateUrl: 'App/Pages/Filters/BodyContent/BodyContent.html' , directives: [FilterTiles] }) export class BodyContent { @ViewChild(FilterTiles) ft:FilterTiles; public onClickSidebar(clickedElement: string) { console.log(this.ft); var startingFilter = { title: 'cognomi', values: [ 'griffin' , 'simpson' ]} this.ft.tiles.push(startingFilter); } } 而在FilterTiles.ts中 ： import {Component} […]

为什么OpenGL使用度数而不是弧度？

OpenGL的devise者从来不害怕math，线性代数的知识对于所有人来说都是必不可less的，除了最简单的OpenGL应用程序。 我认为可以安全地假定OpenGL程序员熟悉弧度angular度。 在math上，弧度在每个方面比度更优雅。 他们也有实际的好处： C标准库使用弧度。 几乎任何其他库也使用弧度。 在一些计算中，弧度更方便，例如圆弧的长度。 那么为什么OpenGLdevise者决定指定像glRotatef和gluPerspective这样的glRotatef来使用度？ （我知道这没有什么实际意义，而且也不会改变，我只是好奇，在OpenGL.org上我找不到答案）。

Angular2 – 为FormBuilder控件手动设置值

这使我疯狂，我在枪口下，不能再花一整天的时间在这个上面。 我试图在组件内手动设置一个控制值（'dept'），它只是不工作 – 即使是新的值logging到正确的控制台。 这里是FormBuilder实例： initForm() { this.form = this.fb.group({ 'name': ['', Validators.required], 'dept': ['', Validators.required], 'description': ['', Validators.required], }); } 这是接收选定部门的事件处理程序： deptSelected(selected: { id: string; text: string }) { console.log(selected) // Shows proper selection! // This is how I am trying to set the value this.form.controls['dept'].value = selected.id; } 现在当表单被提交时，我注销了这个表单，这个表单仍然是空的！ 我见过其他人使用updateValue()但这是beta.1，我不认为这是一个有效的方法调用控件。 我也试图调用updateValueAndValidity()没有成功:(。 我只是在表单元素上使用ngControl="dept" ，就像我正在处理表单的其余部分，但是它是一个自定义的指令/组件。 […]

Angular2 – 应该在模板中访问私有variables？

如果一个variables在组件类上声明为private ，我应该能够在该组件的模板中访问它吗？ @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared as private }

angular度编译器“编译”是什么？

今天我被问到，无法给出正确的答案。 Typescript转换到JS。 那么就有树在摇晃，“less”（可选）以及在部署过程中还有什么。 但是没有什么比这个（afaik）和“编译”有什么关系。 一切都得到了捆绑和大量优化，但它并没有真正编译，对不对？ 甚至提前编译器，这确实是一个明显的工作。 我错过了什么？ JavaScript本身仍然被解释，对吧？

OpenCV undistortPoints和triangulatePoint给出了奇怪的结果（立体声）

我试图在空间中得到几个点的3D坐标，但是我得到了来自undistortPoints()和triangulatePoints()奇怪结果。 由于两台摄像机的分辨率不同，我分别对它们进行了校准，获得了0,34和0,43 RMS误差，然后使用stereoCalibrate()得到更多的matrix，得到0,708的RMS，然后使用stereoRectify()剩下的matrix。 在手边，我已经开始收集坐标的工作，但是我得到了奇怪的结果。 例如，input是(1228.709125, 342.79841) (935, 262) ， undistortPoints()输出是(1228.709125, 342.79841) ，而另一个则是(1227.9016, 292.4686) (934, 176)和(1227.9016, 292.4686) 。 这很奇怪，因为这两个点都非常接近帧的中间，扭曲是最小的。 我没有想到它将它们移动了300个像素。 当传递给traingulatePoints() ，结果变得更加陌生 – 我测量了现实生活中三个点之间的距离（用一个尺子），并计算了每个图片上的像素之间的距离。 因为这次点位于一个非常平坦的平面上，这两个长度（像素和实际）匹配，如| AB | / | BC | 在这两种情况下是4/9左右。 然而， triangulatePoints()给我的结果离开轨道，与| AB | / | BC | 是3/2或4/2。 这是我的代码： double pointsBok[2] = { bokList[j].toFloat()+xBok/2, bokList[j+1].toFloat()+yBok/2 }; cv::Mat imgPointsBokProper = cv::Mat(1,1, CV_64FC2, pointsBok); double […]

angular2 ng容器

在Angular 2文档中提到了ng-container ，但没有解释它是如何工作的以及用例是什么。 在ngPlural和ngSwitch指令中特别提到。 <ng-container>是否与<template> <ng-container>做同样的事情，或者取决于是否编写了一个指令来使用其中的一个？ 是 <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> 和 <template [ngPluralCase]="'=0'">there is nothing</template> 应该是一样的？ 我们如何select其中之一？ 在自定义指令中如何使用<ng-container> ？

Angular 2使用另一个模块的组件

我有Angular 2（版本2.0.0 – 最终）应用程序生成的angular度cli。 当我创build一个组件并将它添加到AppModule的声明数组中时，这一切都很好，它可以工作。 我决定分离组件，所以我创build了一个TaskModule和一个组件TaskCard 。 现在我想在TaskCard的一个组件（ Board组件）中使用AppModule 。 的AppModule： import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; import { BoardComponent } from './board/board.component'; import { LoginComponent } from './login/login.component'; import { […]

与Angular 2一起使用D3.js

我已经成功地集成了Angular 2（Alpha 44）和D3.js： <html> <head> <title>Angular 2 QuickStart</title> <script src="../node_modules/systemjs/dist/system.src.js"></script> <script src="../node_modules/angular2/bundles/angular2.dev.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script> <script> System.config({packages: {'app': {defaultExtension: 'js'}}}); System.import('app/app'); </script> </head> <body> <my-app>Loading…</my-app> </body> </html> app.js： /// <reference path="./../../typings/tsd.d.ts" /> import {Component, bootstrap, ElementRef} from 'angular2/angular2'; @Component({ selector: 'my-app', template: '<h1>D3.js Integrated if background is yellow</h1>', providers: [ElementRef] }) class AppComponent { elementRef: […]