คำถามติดแท็ก angular

ฉันใหม่กับ Angular 2 (และโดยทั่วไปแล้ว Angular ... ) และฉันพบว่ามันน่าดึงดูดมาก ฉันใช้Angular CLiเพื่อสร้างและให้บริการโครงการ ดูเหมือนว่าจะทำงานได้ดี - แม้ว่าสำหรับโครงการเรียนรู้เล็ก ๆ น้อย ๆ ของฉันมันผลิตได้มากกว่าที่ฉันต้องการ - แต่คาดว่าจะเป็นเช่นนั้น ฉันสังเกตเห็นว่ามันสร้างขึ้นspec.tsสำหรับองค์ประกอบเชิงมุมแต่ละอันในโครงการ (Component, Service, Pipe, ฯลฯ ) ฉันค้นหาไปแล้วแต่ไม่พบคำอธิบายว่าไฟล์เหล่านี้มีไว้เพื่ออะไร ไฟล์บิลด์เหล่านี้ซึ่งปกติจะซ่อนอยู่เมื่อใช้งานtscหรือไม่ ฉันสงสัยเพราะฉันต้องการเปลี่ยนชื่อของชื่อที่ไม่ดีที่Componentฉันสร้างขึ้นและค้นพบว่าชื่อนั้นถูกอ้างอิงในspec.tsไฟล์เหล่านี้ด้วย import { beforeEach, beforeEachProviders, describe, expect, it, inject, } from '@angular/core/testing'; import { ComponentFixture, TestComponentBuilder } from '@angular/compiler/testing'; import { Component } …

210 angular  typescript 

เมื่อสร้างโครงการ Angular 5 ใหม่: รุ่นโหนด: 8.9.2 เวอร์ชัน npm: 5.5.1 คำสั่งของฉันคือ npm install -g @angular/cli ข้อผิดพลาดคือ npm ERR! **Unexpected end of JSON input while parsing near '...nt-webpack-plugin":"0'** npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Aashitec\AppData\Roaming\npm-cache\_logs\2017-12-06T13_10_10_729Z-debug.log บันทึกข้อผิดพลาดคือhttp://www.aashitechno.in/2017-12-06T13_10_10_729Z-debug.log

209 node.js  angular  npm  npm-install 

ฉันรู้ว่าฉันสามารถส่งพารามิเตอร์ไปที่routerLinkเส้นทางเช่น /user/:id โดยการเขียน [routerLink]="['/user', user.id]" แต่สิ่งที่เกี่ยวกับเส้นทางเช่นนี้: /user/:id/details มีวิธีตั้งค่าพารามิเตอร์นี้หรือฉันควรพิจารณารูปแบบ URL ที่แตกต่างกันหรือไม่

208 angular  angular2-routing  angular2-router3 

ฉันมีบริการ Angular 2: import {Storage} from './storage'; import {Injectable} from 'angular2/core'; import {Subject} from 'rxjs/Subject'; @Injectable() export class SessionStorage extends Storage { private _isLoggedInSource = new Subject<boolean>(); isLoggedIn = this._isLoggedInSource.asObservable(); constructor() { super('session'); } setIsLoggedIn(value: boolean) { this.setItem('_isLoggedIn', value, () => { this._isLoggedInSource.next(value); }); } } ทุกอย่างใช้งานได้ดี แต่ฉันมีองค์ประกอบอื่นที่ไม่จำเป็นต้องสมัครสมาชิกเพียงแค่ต้องการรับค่าปัจจุบันของ isLoggedIn ณ …

206 javascript  angular  rxjs 

ฉันค่อนข้างใหม่กับ Angular2 และฉันมีปัญหาเล็กน้อย: ใน Login-Component-HTML ของฉันฉันมีช่องทำเครื่องหมายสองช่องซึ่งฉันต้องการผูกข้อมูลสองทางเข้ากับ Login-Component-TypeScript นี่คือ HTML: <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> และนี่คือ Component.ts: import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { Variables } from '../../services/variables'; @Component({ selector: 'login', moduleId: module.id, templateUrl: 'login.component.html', styleUrls: ['login.component.css'] …

205 html  angular  typescript  checkbox  data-binding 

ฉันรู้ว่าฉันสามารถโทรหาท่อเช่นนี้ได้: {{ myData | date:'fullDate' }} ที่นี่ไพพ์วันที่ใช้อาร์กิวเมนต์เดียวเท่านั้น ไวยากรณ์ในการเรียกไพพ์ที่มีพารามิเตอร์มากขึ้นคืออะไรจากเทมเพลต HTML ขององค์ประกอบและในรหัสโดยตรง

204 javascript  angular  angular2-pipe 

ฉันควรกำหนดค่าลูกมุมมอง Angular 8 ใหม่ได้อย่างไร @ViewChild('searchText', {read: ElementRef, static: false}) public searchTextInput: ElementRef; VS @ViewChild('searchText', {read: ElementRef, static: true}) public searchTextInput: ElementRef; ไหนดีกว่ากัน เมื่อฉันควรใช้static:trueVS static:false?

204 angular  angular8  viewchild 

สำหรับการเรียนรู้ Angular 2 ฉันพยายามสอน ฉันได้รับข้อผิดพลาดเช่นนี้: (node:4796) UnhandledPromiseRejectionWarning: Unhandled promise rejection (r ejection id: 1): Error: spawn cmd ENOENT [1] (node:4796) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node. js process with a non-zero exit code. ฉันผ่านคำถามและคำตอบต่าง ๆ ใน SO …

204 javascript  angular  es6-promise  spawn  unhandled-exception 

ผมพยายามที่จะเรียกใช้โครงการที่ดาวน์โหลดจากGitHub น่าเสียดายที่npm installมีคำเตือนดังต่อไปนี้ปรากฏขึ้น ฉันพยายามเปลี่ยนเวอร์ชันตามคำถามนี้ อย่างไรก็ตามฉันมีปัญหาเพราะแพคเกจบางอย่างต้องใช้แพ็คเกจอื่น ๆ หลายรุ่น พิจารณาสองบรรทัดนี้: npm WARN @angular/cdk@2.0.0-beta.10 requires a peer of @angular/core@^4.3.0 but none is installed. You must install peer dependencies yourself. npm WARN @angular/forms@4.3.6 requires a peer of @angular/core@4.3.6 but none is installed. You must install peer dependencies yourself. ดังนั้นการติดตั้งแพคเกจบางอย่างทำให้รายการของการพึ่งพานั้นเติบโตขึ้นอย่างมาก ไม่มีใครมีทางออกหรือไม่? npm WARN @angular/animations@4.3.6 requires …

204 javascript  angular  typescript  npm 

ฉันมีแม่แบบต่อไปนี้: <div> <span>{{aVariable}}</span> </div> และต้องการจบด้วย: <div "let a = aVariable"> <span>{{a}}</span> </div> มีวิธีทำอย่างไร?

202 html  angular 

ใช้ windows 7 Professional 32 บิต ฉันพยายามเรียกใช้npm install -g angular-cliทั้งสองแบบตามปกติหรือผู้ดูแล ฉันพยายามเพิ่มลงใน Enviorment Variables ภายใต้ PATH: (C:\Users\Administrator\AppData\Roaming\npm\node_modules\angular-cli\bin\ng)แต่ก็ไม่ประสบความสำเร็จเช่นกัน ผมทำอะไรผิดหรือเปล่า?

201 windows-7  angular  angular-cli 

ฉันพยายามเรียก API จาก Angular แต่ได้รับข้อผิดพลาดนี้: Property 'map' does not exist on type 'Observable<Response>' คำตอบจากคำถามที่คล้ายกันนี้ไม่ได้แก้ปัญหาของฉัน: เชิงมุม 2 beta.17: ที่ดิน 'แผนที่' ไม่ได้อยู่กับชนิด 'สังเกต <Response>' ฉันใช้ Angular 2.0.0-beta.17

200 angular  typescript1.8 

ฉันมีแอป Angular 2.0.0 ที่สร้างขึ้นด้วย angular-cli เมื่อฉันสร้างองค์ประกอบและเพิ่มเข้าไปในAppModuleอาร์เรย์การประกาศของมันเป็นสิ่งที่ดีมันทำงานได้ดี ฉันตัดสินใจที่จะแยกชิ้นส่วนเพื่อให้ฉันสร้างและส่วนประกอบTaskModule TaskCardตอนนี้ฉันต้องการใช้TaskCardหนึ่งในองค์ประกอบของAppModule( Boardส่วนประกอบ) 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 } …

199 angular  typescript  angular-module 

มีวิธีการตรวจสอบรุ่นเฉพาะของ angular-cli ที่ติดตั้งทั่วโลกในเครื่องของฉันหรือไม่? ฉันอยู่ในสภาพแวดล้อม Windows NPM -vและโหนด -vเพียง แต่ช่วยให้ผมรุ่นของ NPM และโหนดตามลำดับและผมก็ไม่สามารถดูเหมือนจะหาคำสั่งใด ๆ กับng ฉันกำลังพยายามเรียกใช้โครงการที่ฉันกำลังทำอยู่และมันก็ดำเนินการในรุ่นเก่าของ angular-cli โดยใช้ npm อย่างไรก็ตามหลังจากติดตั้งโปรเจ็กต์ตัวอย่างอื่นโครงการหลักของฉันไม่ทำงานอีกต่อไปโดยไม่ถอนการติดตั้งและติดตั้ง angular-cli ในเวอร์ชันที่ระบุ

198 node.js  angular  npm  angular-cli 

ฉันเพิ่งดูการสอนเกี่ยวกับ Angular 2 กับ TypeScript แต่ไม่แน่ใจว่าเมื่อใดที่จะใช้อินเทอร์เฟซและเมื่อใช้โมเดลเพื่อเก็บโครงสร้างข้อมูล ตัวอย่างของอินเทอร์เฟซ: export interface IProduct { ProductNumber: number; ProductName: string; ProductDescription: string; } ตัวอย่างของโมเดล: export class Product { constructor( public ProductNumber: number, public ProductName: string, public ProductDescription: string ){} } ฉันต้องการโหลดข้อมูล JSON จาก URL และผูกไว้กับส่วนต่อประสาน / โมเดล บางครั้งฉันต้องการวัตถุข้อมูลเดียวเวลาอื่นฉันต้องการเก็บและอาร์เรย์ของวัตถุ ฉันควรใช้อันไหนและเพราะอะไร

198 angular  typescript