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

ฉันติดตั้ง@angular/cliแพ็คเกจผ่าน npm โดยใช้คำสั่งนี้: npm install -g @angular/cli ติดตั้ง @ angular / cli เวอร์ชัน 1.4.2 สำเร็จแล้ว แต่นั่นไม่ใช่เวอร์ชัน Angular แต่เป็นเวอร์ชัน CLI หลังจากรันng new myappแล้วฉันจะตรวจสอบเวอร์ชัน Angular ที่แอปที่สร้างขึ้นได้อย่างไร 2.x, 4.x?

124 angular  angular-cli 

ฉันต้องการใช้ Chart.js ภายในโครงการ Angular ของฉัน ใน Angular2 เวอร์ชันก่อนหน้าฉันทำได้ดีโดยใช้ 'chart.loader.ts' ซึ่งมี: export const { Chart } = require('chart.js'); จากนั้นในรหัสส่วนประกอบฉันก็แค่ import { Chart } from './chart.loader'; แต่หลังจากอัปเกรดเป็น cli 1.0.0 และ Angular 4 ฉันได้รับข้อผิดพลาด: "ไม่พบชื่อ 'ต้องการ'" ในการสร้างข้อผิดพลาดซ้ำ: ng new newapp cd newapp npm install chart.js --save echo "export const { Chart } = …

120 angular  angular-cli 

ฉันได้พัฒนาเว็บด้วย Angular2 และใช้ทั้ง Angular2 และ Firebase เพื่อรันเซิร์ฟเวอร์ภายใน ฉันไม่พบคำสั่งที่คล้ายกับการพิมพ์ออกเมื่อใช้ Ionic เพื่อสร้างเซิร์ฟเวอร์ดังนั้นฉันจึงต้องปิดแท็บเทอร์มินัลทุกครั้ง มีวิธีสิ้นสุดเซิร์ฟเวอร์และรับแท็บเทอร์มินัลกลับคืนมาหรือไม่ ขอบคุณ

119 angular  firebase  angular-cli  firebase-tools 

ฉันติดตั้ง angular-cli ล่าสุดทั่วโลกและโครงการของฉันกำลังสร้างสำเร็จ ในขณะที่อ่านวิธีแก้ปัญหาที่แนะนำสำหรับปัญหาอื่น ( https://github.com/angular/angular-cli/issues/917 ) ฉันถอนการติดตั้ง global angular-cli และติดตั้งเป็น dev-dependency ปัญหาอื่นนั้นไม่ได้รับการแก้ไขดังนั้นฉันจึงถอนการติดตั้ง dev-dependency และติดตั้ง angular-cli ทั่วโลกอีกครั้ง ตอนนี้เมื่อฉันพยายามสร้าง ngฉันได้รับข้อผิดพลาด: คุณต้องอยู่ในโปรเจ็กต์เชิงมุมเพื่อใช้คำสั่ง build เวอร์ชัน angular-cli ของฉันไม่เปลี่ยนแปลง เหตุใดโครงการของฉันจึงไม่ได้รับการยอมรับว่าเป็นโครงการเชิงมุม?

117 angular-cli 

RE: Angular2 2.0.0, angular-cli v1.0.0-beta.11-webpack.8 ฉันจะบอก angular-cli ให้รวมไฟล์จาก "src / assets" ในรูทของ "dist" ได้อย่างไรเมื่อสร้าง เราปรับใช้กับโฮสต์ Windows และจำเป็นต้องรวมไฟล์ "web.config" เพื่อบอกให้ IIS กำหนดเส้นทางทุกอย่างไปยังดัชนี เรากำลังทำ RC4 ก่อนหน้านี้ แต่ด้วยการอัปเดตทั้งหมดมันล้มเหลว (ฉันจำไม่ได้ว่าเราทำอย่างไร) ฉันได้กำจัดเอกสาร repo ของ GitHubและไม่พบสิ่งใดที่เกี่ยวข้องกับหัวข้อนี้ บางทีฉันอาจจะผิดที่? ในToCมีสัญลักษณ์แสดงหัวข้อย่อย "การเพิ่มไฟล์พิเศษในบิลด์" แต่ดูเหมือนว่าไม่มีส่วนนั้น

113 angular  angular-cli 

เราได้ทำการตั้งค่าโครงการ angular2 หนึ่งโครงการและภายในนั้นสร้างหนึ่งโมดูล (my-module) และภายในโมดูลนั้นได้สร้างส่วนประกอบหนึ่ง (my-new-component) โดยใช้คำสั่ง cmd ต่อไปนี้: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component หลังจากสร้างการตั้งค่าและส่วนประกอบทั้งหมดเราเรียกใช้ng testคำสั่งจาก cmd ภายในโฟลเดอร์ angular2test ไฟล์ด้านล่างนี้คือไฟล์ my-new-component.component.ts ของเรา : import { Component, OnInit } from '@angular/core'; import { Router, Routes, RouterModule } from '@angular/router'; import { DummyService } …

113 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

ฉันต้องการใช้ angular-cli กับแกน asp.net และฉันต้องการทราบว่าฉันจะเปลี่ยนเส้นทางของโฟลเดอร์dist ได้อย่างไร

112 angular  angular-cli 

ติดตั้ง angular-cli ทั่วโลกโดยใช้ ( npm install -g angular-cli) แต่เมื่อฉันพยายามสร้างโครงการโดยใช้ng new my-projectมันเกิดข้อผิดพลาด: ng: ไม่พบคำสั่ง

112 angular  npm  angular-cli 

เมื่อฉันพยายามสร้างโครงการใหม่ด้วยAngular CLIด้วย: ng n app ฉันได้รับข้อผิดพลาดนี้: fs.js: 640 return binding.open (pathModule._makeLong (path), stringToFlags (แฟล็ก), โหมด); ^ TypeError: เส้นทางต้องเป็นสตริงหรือบัฟเฟอร์ที่ TypeError (เนทีฟ) ฉันจะอัพเกรดหรือถอนการติดตั้งAngular CLI ได้อย่างไร?

111 angular  angular-cli 

ฉันค่อนข้างใหม่กับ Angular ดังนั้นฉันจึงไม่แน่ใจว่าแนวทางปฏิบัติที่ดีที่สุดในการทำเช่นนี้ ฉันใช้ angular-cli และng new some-projectสร้างแอปใหม่ ในนั้นได้สร้างโฟลเดอร์ "images" ในโฟลเดอร์ "assets" ดังนั้นตอนนี้โฟลเดอร์ภาพของฉันคือ src/assets/images ในapp.component.html(ซึ่งเป็นรากของแอปพลิเคชันของฉัน) ฉันใส่ <img class="img-responsive" src="assets/images/myimage.png"> เมื่อฉันng serveจะดูเว็บแอปพลิเคชันของฉันภาพไม่ปรากฏขึ้น แนวทางปฏิบัติที่ดีที่สุดในการโหลดภาพในแอปพลิเคชัน Angular คืออะไร? แก้ไข: ดูคำตอบด้านล่าง ชื่อรูปภาพจริงของฉันใช้ช่องว่างซึ่ง Angular ไม่ชอบ เมื่อฉันลบช่องว่างในชื่อไฟล์ภาพจะแสดงอย่างถูกต้อง

109 html  angular  angular-cli 

ฉันเพิ่งเริ่มใช้ angular 5 และพยายามทำซ้ำแผนที่ที่มีแผนที่อื่นใน typescript วิธีการวนซ้ำด้านล่างของแผนที่ประเภทนี้ในเชิงมุมด้านล่างคือรหัสสำหรับส่วนประกอบ: import { Component, OnInit} from '@angular/core'; @Component({ selector: 'app-map', templateUrl: './map.component.html', styleUrls: ['./map.component.css'] }) export class MapComponent implements OnInit { map = new Map<String, Map<String,String>>(); map1 = new Map<String, String>(); constructor() { } ngOnInit() { this.map1.set("sss","sss"); this.map1.set("aaa","sss"); this.map1.set("sass","sss"); this.map1.set("xxx","sss"); this.map1.set("ss","sss"); this.map1.forEach((value: string, key: string) …

109 javascript  angular  typescript  angular-cli 

[object ErrorEvent] thrownฉันมีการทดสอบล้มเหลวหลายอย่างที่ส่งออกเท่านั้น ฉันไม่เห็นอะไรเลยในคอนโซลที่ช่วยระบุรหัสที่กระทำผิด มีสิ่งที่ฉันต้องทำเพื่อติดตามสิ่งเหล่านี้หรือไม่? [แก้ไข]: ฉันใช้ Karma v1.70, Jasmine v2.7.0

108 angular  angular-cli  karma-jasmine 

ฉันกำลังพัฒนาที่เก็บ github (ที่มี angular 7 และ angular-cli) และฉันมีการทดสอบบางอย่างกับ Karma และ Jasmine ที่ทำงานในสาขาหลัก ตอนนี้ฉันกำลังพยายามเพิ่มคุณสมบัติการโหลดขี้เกียจสิ่งคือการทดสอบก่อนที่จะผ่านตอนนี้พวกเขาไม่ทำ มันตลกเพราะมีเพียงการทดสอบจากโมดูลการโหลดที่ขี้เกียจเท่านั้นที่ล้มเหลว ... นี่คือรหัสและข้อผิดพลาด: import {async, TestBed} from '@angular/core/testing'; import {APP_BASE_HREF} from '@angular/common'; import {AppModule} from '../../app.module'; import {HeroDetailComponent} from './hero-detail.component'; describe('HeroDetailComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [AppModule ], providers: [ {provide: APP_BASE_HREF, useValue: '/'} …

107 javascript  angular  karma-runner  karma-jasmine  angular-cli 

วันนี้ในขณะที่ทำงานผ่าน AngularJS Intro พื้นฐานบางอย่างฉันพบปัญหา ฉันเปิด PowerShell เพื่อเริ่มโครงการ NPM ทำงาน ฉันสามารถติดตั้ง Angular โดยใช้: npm install -g @angular/cli ทุกครั้งที่ฉันพยายามรัน ng ฉันจะได้รับ: the term 'ng' is not recognized as the name of a cmdlet

107 node.js  angular  powershell  npm  angular-cli 

ฉันพยายามที่จะทดสอบ angular2 inputสองทางผูกพันสำหรับการควบคุม นี่คือข้อผิดพลาด: Can't bind to 'ngModel' since it isn't a known property of 'input'. app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> app.component.ts @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { name: string; } app.component.spec.ts import { TestBed, async } from '@angular/core/testing'; import { …

106 testing  angular  angular-cli  angular2-testing