Questions tagged «angular»

我尝试从Angular 4向我的Laravel后端发送POST请求。 我的LoginService具有以下方法： login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } 我在我的LoginComponent中订阅了此方法： .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => { console.log(error) }) 这是我的Laravel后端方法： ... if($this->auth->attempt(['email' => $email, 'password' => $password], true)) { return response('Success', 200); } return response('Unauthorized', 401); 我的Chrome开发人员工具说我的请求成功，并带有200个状态代码。但是我的Angular代码触发了该error块并给出了以下消息： 解析http://10.0.1.19/api/login期间的Http失败 如果我从后端返回一个空数组，则可以正常工作...所以Angular试图将我的响应解析为JSON？我如何禁用此功能？

106 angular  typescript  angular-httpclient 

Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …

106 angular 

我知道Angular2测试版刚刚发布，但我无法从其官方网站教程（https://angular.io/guide/quickstart）中复制步骤。也许有人遇到过类似的问题，并且知道该怎么做才能解决此问题？当我尝试使用npm start命令启动应用程序时，我得到如下输出： 0 info it worked if it ends with ok 1 verbose cli [ 'node', '/usr/local/bin/npm', 'start' ] 2 info using npm@2.7.4 3 info using node@v0.12.2 4 verbose run-script [ 'prestart', 'start', 'poststart' ] 5 info prestart angular2-quickstart@1.0.0 6 info start angular2-quickstart@1.0.0 7 verbose unsafe-perm in lifecycle true 8 …

105 node.js  angular  npm 

我似乎无法解决此错误。我有一个搜索栏和一个ngFor。我试图使用这样的自定义管道过滤数组： import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: User [], searchTerm: string) { return users.filter(user => user.name.indexOf(searchTerm) !== -1); } } 用法： <input [(ngModel)]="searchTerm" type="text" placeholder="Search users"> <div *ngFor="let user of …

105 angular  angular2-forms  angular2-pipe 

在AppComponent中，我在HTML代码中使用了nav组件。用户界面看起来不错。服务时没有错误。当我查看应用程序时，控制台中没有错误。 但是，当我为我的项目运行Karma时，出现了一个错误： Failed: Template parse errors: 'app-nav' is not a known element: 1. If 'app-nav' is an Angular component, then verify that it is part of this module. 2. If 'app-nav' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 在我的app.module.ts中： 有： …

105 javascript  node.js  angular  typescript  karma-jasmine 

我正在尝试使mat-table排序在本地工作，尽管我可以使数据按预期显示，但是单击标题行并不会像在在线示例中那样进行排序（什么都没有发生）。我正在尝试使此演示在本地运行：https : //material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview 我已经使用Angular CLI生成了一个新项目，然后执行以下步骤：https : //material.angular.io/guide/getting-started 这是我的本地文件： app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { MatSort, MatTableModule } from '@angular/material'; import { AppComponent } from './app.component'; import { TableSortingExample } from './table-sorting-example'; @NgModule({ declarations: [ AppComponent, TableSortingExample, MatSort ], imports: [ …

105 angular  angular-material 

给定绑定到同一复选框的列表formControlName，如何生成绑定到的复选框值的数组formControl，而不是简单地true/ false呢？ 例： <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" value="value-2" formControlName="myValues" /> </form> checkboxGroup.controls['myValues'].value 目前生产： true or false 我想要它产生什么： ['value-1', 'value-2', ...]

104 javascript  angular  checkbox  angular2-forms 

我们目前正在开发一个具有定期更新的新项目，我们的一位客户每天都会使用该更新。这个项目是使用angular 2开发的，我们面临着缓存问题，即我们的客户没有看到他们机器上的最新变化。 主要是js文件的html / css文件似乎已正确更新而不会带来太多麻烦。

104 caching  angular  browser-cache  cache-control  angular2-template 

今天，在研究一些基本的AngularJS入门时，我遇到了一个问题。 我打开PowerShell进行该项目。NPM工作了。 我能够使用以下方法安装Angular： npm install -g @angular/cli 每当我尝试运行ng时，我都会得到： the term 'ng' is not recognized as the name of a cmdlet

104 node.js  angular  powershell  npm  angular-cli 

这是我在Angular 4中的组件： @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) 这是我的课： export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { fields: Object }; @Input() formGroup: FormGroup; constructor( formDir: NgForm ) { …

104 angular  form-control 

在angular.io上有一个快速入门教程，它使用打字稿和systemjs。既然我已经运行了该miniapp，我将如何创建可部署的东西？我找不到任何有关它的信息。 我是否需要任何其他工具，System.config中的任何其他设置？ （我知道我可以使用webpack并创建一个bundle.js，但我想使用本教程中使用的systemjs） 有人可以通过此设置（Angular 2，TypeScript，systemjs）共享其构建过程吗？

103 typescript  angular  systemjs 

当我在模板中使用自定义管道时，它是这样的： {{user|userName}} 而且效果很好。 可以在代码中使用管道吗？ 我尝试像这样使用它： let name = `${user|userName}`; 但这表明 用户名未定义 我的替代方法是db.collection.findOne()在代码中手动使用。但是有什么聪明的方法吗？

103 angular  angular-pipe 

如何*ngFor多次重复HTML元素？ 例如：如果我有一个分配给20的成员变量，如何使用* ngFor指令使div重复20次？

103 angular 

在有角度的应用程序中，我们ngOnDestroy()为组件/指令提供了生命周期挂钩，并使用该挂钩取消订阅可观察对象。 我想清除/破坏在@injectable()服务中创建的可观察性。我看到一些帖子说ngOnDestroy()可以在服务中使用。 但是，这是一种好的做法，并且是唯一的方法吗？何时调用它？有人请澄清。

103 angular  rxjs  observable  angular-services 

我目前正在Angular 4项目的密码重置页面上工作。我们正在使用Angular Material来创建对话框，但是，当客户端单击该对话框时，它将自动关闭。有没有办法避免对话框关闭，直到我们的代码端调用“关闭”功能？还是应该创建一个不可关闭的模态？

103 angular  dialog  modal-dialog  angular-material