Questions tagged «angular5»

运行终端命令ng server或时ng serve --live-reload=true，出现此问题： serve命令需要在Angular项目中运行，但是找不到项目定义。

158 angular  angular5  angular-cli 

我正在尝试实现一个图标，单击该图标会将变量保存到用户的剪贴板。我目前已经尝试了几个库，但没有一个库能够这样做。 如何在Angular 5中将变量正确复制到用户剪贴板？

123 angular  typescript  angular5 

我正在使用Angular 5使用前端应用程序，我需要隐藏搜索框，但是单击按钮时，搜索框应显示并聚焦。 我已经尝试使用指令或类似的方法在StackOverflow上找到一些方法，但无法成功。 这是示例代码： @Component({ selector: 'my-app', template: ` <div> <h2>Hello</h2> </div> <button (click) ="showSearch()">Show Search</button> <p></p> <form> <div > <input *ngIf="show" #search type="text" /> </div> </form> `, }) export class App implements AfterViewInit { @ViewChild('search') searchElement: ElementRef; show: false; name:string; constructor() { } showSearch(){ this.show = !this.show; this.searchElement.nativeElement.focus(); alert("focus"); …

107 angular  angular5  angular-forms 

我正在尝试对Angular 5进行自定义验证，但遇到了以下错误 Expected validator to return Promise or Observable 我只想返回一个错误到表单，如果该值不符合要求，这是我的代码： 这是我的表格所在的组件 constructor(fb: FormBuilder, private cadastroService:CadastroService) { this.signUp = fb.group({ "name": ["", Validators.compose([Validators.required, Validators.minLength(2)])], "email": ["", Validators.compose([Validators.required, Validators.email])], "phone": ["", Validators.compose([Validators.required, Validators.minLength(5)])], "cpf": ["", Validators.required, ValidateCpf] }) } 这段代码在我要实现的验证文件中： import { AbstractControl } from '@angular/forms'; export function ValidateCpf(control: AbstractControl){ if (control.value …

101 javascript  angular  angular5  angular-forms  angular-validation 

我最近正在使用@ ngrx / store学习Angular 6，而本教程之一是使用@ ngrx / store进行状态管理，但是我不了解在后台使用@ ngrx / store的好处。 例如，对于一个简单的登录和注册操作，以前通过使用服务（我们将其称为AuthService），我们可能会使用它来调用后端api，在AuthService中存储“ userInfo”或“ token”，将用户重定向到“ HOME”页面，然后我们可以使用DI将AuthService注入到需要获取userInfo的任何组件中，这只需一个文件AuthService就可以处理所有内容。 现在，如果我们使用@ ngrx / store，我们需要定义Action / State / Reducer / Effects / Selector，可能需要写入4或5个文件来处理上述操作或事件，然后有时我们仍然需要调用后端api使用服务，这似乎更加复杂和多余。 在其他情况下，我什至看到某些页面使用@ ngrx / store存储对象或对象列表（如网格数据）。，这是否适合某种内存存储方式？ 回到问题所在，为什么我们在Angular项目中的服务注册存储中使用@ ngrx / store？ 我知道这是用于“状态管理”的，但是“状态管理”到底是什么？那是事务日志之类的东西，什么时候需要？我们为什么要在前端进行管理？请随时在@ ngrx / store区域分享您的建议或经验！

84 angular5  angular6  ngrx-store  state-management 

我已经在标题中添加了CORS，但是我的请求中仍然出现CORS问题。在标头中添加和处理CORS和其他请求的正确方法是什么？ 这是服务文件代码： import { HttpClient, HttpHeaders, HttpClientModule } from '@angular/common/http'; const httpOptions = { headers: new HttpHeaders({ 'Access-Control-Allow-Origin':'*', 'Authorization':'authkey', 'userid':'1' }) }; public baseurl = 'http://localhost/XXXXXX'; userAPI(data): Observable<any> { return this.http.post(this.baseurl, data, httpOptions) .pipe( tap((result) => console.log('result-->',result)), catchError(this.handleError('error', [])) ); } 错误： 对预检请求的响应未通过访问控制检查：所请求的资源上不存在“ Access-Control-Allow-Origin”标头。因此，不允许访问源' http：// localhost：4200 ' 失败：针对（未知网址）的Http错误响应：0未知错误 在服务器端代码中，我已在索引文件中添加了CORS。 header('Access-Control-Allow-Origin: …

83 angular  angular5 

我在我们的应用程序中使用Angular-CLI 1.6.6和。除了在我们的生产环境中弹出一条错误消息外，一切都可以在本地lite服务器和生产服务器上正常运行：@angular/service-worker 5.2.5Angular 5.2.5 加载资源失败：服务器响应状态为504（网关超时） 查看ngsw-worker.js脚本，我发现生成上面错误消息的行（以下是2466）： async safeFetch(req) { try { return await this.scope.fetch(req); } catch (err) { this.debugger.log(err, `Driver.fetch(${req.url})`); return this.adapter.newResponse(null, { status: 504, statusText: 'Gateway Timeout', }); } } 捕获中的控制台日志错误er发出以下错误： TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode at Driver.safeFetch (ngsw-worker.js:2464) …

83 angular  angular-cli  angular5  service-worker  angular-service-worker 

我正在触发HTTP请求，并且收到了有效的响应。响应中还有一个X-Token我希望阅读的标题。我正在尝试下面的代码来读取标题，但是，结果是null this.currentlyExecuting.request = this.http.request(reqParams.type, reqParams.url, { body: reqParams.body, responseType: 'json', observe: 'response' }).subscribe( (_response: any) => { // Also tried _response.headers.init(); const header = _response.headers.get('X-Token'); console.log(header); onComplete(_response.body); }, _error => { onComplete({ code: -1, message: Constants.WEBSERVICE_INTERNET_NOT_CONNNECTED }); } ); API在Chrome inspect中选中时，的响应表明标题存在。

76 angular  http  typescript  angular5