Questions tagged «angular»

升级到RC5后，我们开始出现此错误： ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like to avoid registering this form control, indicate that …

89 angular  angular2-forms  angular2-formbuilder 

我在Angular中有一个反应形式，如下所示： this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some app logic } } this.AddCustomerForm.valid返回false，但是一切看起来不错。 我试图通过检查控件集合中的status属性来查找。但是我想知道是否有一种方法可以找到无效的并显示给用户？

89 angular  angular-reactive-forms  reactive 

这是我的输入标签的样子： <input type="file" placeholder="File Name" name="filename" (change)="onChange($event)"> <button>Reset</button> 我想在Angular 2中重置选定的文件。非常感谢您的帮助。让我知道您是否需要更多详细信息。 聚苯乙烯 我可以从$event参数获取文件详细信息，并将其保存在typescript变量中，但是此变量未绑定到输入标签。

89 angular 

Angular的文档通知我--base-href，当要将其部署在服务器的子文件夹中时，应该在生产的Angular应用程序构建中使用参数： 如果将文件复制到服务器子文件夹中，请附加构建标记， --base-href并进行<base href>适当设置。 例如，如果位于index.html服务器上的/my/app/index.html，则将基本href设置为<base href="https://stackoverflow.com/my/app/">这样。 https://angular.io/guide/deployment 但是，angular-cli具有--deploy-url参数。该工具的文档将其描述为： 将在其中部署文件的URL。 https://github.com/angular/angular-cli/wiki/build 我已经看到了使用的解决方案--deploy-urlinsted的的--base-href应用程序时，将在服务器的子文件夹进行部署。 问题 angular-cli工具--base-href和--deploy-url参数有什么区别？我什么时候应该使用每个？

89 angular  angular-cli 

今天有人问我，我无法给出适当的答案。 Typescript转换为JS。然后是摇晃的树，“较少”（可选）以及进行部署的过程。但是，那样的东西（afaik）与“编译”没有任何关系。一切都捆绑在一起并进行了严格的优化，但是实际上并没有被编译，对吗？ 甚至还有一个“提前”编译器，它确实可以做得很出色。我想念什么？ JavaScript本身仍在解释，对吗？

88 javascript  angular  typescript  angular-cli  angular-compiler-cli 

我想将服务注入到不是组件的类中。 例如： 我的服务 import {Injectable} from '@angular/core'; @Injectable() export class myService { dosomething() { // implementation } } 我的课 import { myService } from './myService' export class MyClass { constructor(private myservice:myService) { } test() { this.myservice.dosomething(); } } 该解决方案不起作用（我认为是因为MyClass尚未实例化）。 有没有其他方法可以在类（而非组件）中使用服务？还是您会认为我的代码设计不合适（在不是组件的类中使用服务）？ 谢谢。

88 angular  typescript 

我想在App Settings我的应用程序中添加一个部分，其中将包含一些const和预定义的值。 我已经阅读了使用的答案，OpaqueToken但是在Angular中已弃用。此文章解释了差异，但它没有提供一个完整的例子，我的尝试均告失败。 这是我尝试过的方法（我不知道这是否正确）： //ServiceAppSettings.ts import {InjectionToken, OpaqueToken} from "@angular/core"; const CONFIG = { apiUrl: 'http://my.api.com', theme: 'suicid-squad', title: 'My awesome app' }; const FEATURE_ENABLED = true; const API_URL = new InjectionToken<string>('apiUrl'); 这是我要使用这些const的组件： //MainPage.ts import {...} from '@angular/core' import {ServiceTest} from "./ServiceTest" @Component({ selector: 'my-app', template: ` <span>Hi</span> ` , …

87 javascript  angular 

我有一个使用EventEmitter的组件，单击页面上的某人时将使用EventEmitter。有什么方法可以在单元测试期间观察EventEmitter，并使用TestComponentBuilder单击触发EventEmitter.next（）方法的元素，并查看发送了什么？

87 unit-testing  angular 

我有一些带有模板的简单angular 2组件。提交后如何清除表格和所有字段？我无法重新加载页面。设置数据后，date.setValue('')字段为stil touched。 import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, Control} from 'angular2/common'; @Component({ selector: 'loading-form', templateUrl: 'app/loadings/loading-form.component.html', directives: [FORM_DIRECTIVES] }) export class LoadingFormComponent { private form:ControlGroup; private date:Control; private capacity:Control; constructor(private _loadingsService:LoadingsService, fb:FormBuilder) { this.date = new Control('', Validators.required); this.capacity = new Control('', Validators.required); this.form = fb.group({ …

87 angular  angular2-forms 

我希望这是一个简单的问题。 我要在等效于$ document.ready（）的Angular2上运行脚本。实现此目标的最佳方法是什么？ 我尝试将脚本放在的末尾index.html，但是据我发现，这不起作用！我认为它必须包含某种组件声明？ 是否可以从.js文件运行加载脚本？ 编辑-代码： 我已经将以下js和css插件注入到我的应用程序中（来自Foundry html主题）。 <link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> ... <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/flexslider.min.js"></script> ... <script src="js/scripts.js"></script> //This initiates all the plugins 如前所述，scripts.js会“实例化”整个过程，因此需要在Angular准备好后运行。script.js 得到它的工作： import {Component, AfterViewInit} from 'angular2/core'; @Component({ selector: 'home', templateUrl: './components/home/home.html' }) export class …

86 angular 

我刚刚开始使用Angular 2。 我想知道Angular 2中的组件和指令之间有什么区别？

86 angular  components  angular-directive  angular2-directives 

使用angular-cli ng serve本地开发服务器，它可以提供我项目目录中的所有静态文件。 如何将我的AJAX呼叫代理到其他服务器？

86 angular  angular-cli 

在Angular 2中进行测试时，何时在TestBed中使用异步功能？ 什么时候使用这个？ beforeEach(() => { TestBed.configureTestingModule({ declarations: [MyModule], schemas: [NO_ERRORS_SCHEMA], }); }); 你什么时候使用这个？ beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [MyModule], schemas: [NO_ERRORS_SCHEMA], }); })); 有人可以启发我吗？

86 angular  unit-testing  karma-jasmine  angular2-testing  angular-test 

我已经开始在项目中使用md表，并且希望固定列宽。当前，所有列的宽度均分为相等的大小。 在哪里可以获得数据表维度的文档？ https://material.angular.io/components/table/overview

86 angular 

我的项目是使用[Angular CLI]版本1.2.6生成的。 我可以编译项目，并且可以正常工作，但是我总是在vs代码中出错，告诉我找不到模块'@ angular / core'找不到模块'@ angular / router'找不到模块..... 我已经附加了tsconfig.json文件的内容，这对我来说真的很沮丧，花了2个小时弄清楚出了什么问题，我还卸载并重新安装了无法正常工作的vs代码。 这是我的环境规格： @angular/cli: 1.2.6 node: 6.9.1 os: win32 x64 @angular/animations: 4.3.4 @angular/common: 4.3.4 @angular/compiler: 4.3.4 @angular/core: 4.3.4 @angular/forms: 4.3.4 @angular/http: 4.3.4 @angular/platform-browser: 4.3.4 @angular/platform-browser-dynamic: 4.3.4 @angular/router: 4.3.4 @angular/cli: 1.2.6 @angular/compiler-cli: 4.3.4 @angular/language-service: 4.3.4 操作系统：Microsoft vs 10 Enterprise 项目根文件夹 .angular-cli.json .editorconfig .gitignore …

86 angular  visual-studio-code