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

ฉันต้องการสร้างแอปเชิงมุม 2 พร้อมแองกูลาร์เชิงมุม ฉันเขียนเป็นคำสั่ง: npm ติดตั้ง angular-cli -g แล้ว: ตอนแรก แต่มันแสดงให้ฉันข้อผิดพลาดเมื่อฉันเขียนเริ่มต้น NPM! ฉันไม่เข้าใจปัญหา

140 angular  npm  angular-cli 

ใน Angular 1.x ฉันสามารถทำสิ่งต่อไปนี้เพื่อสร้างลิงค์ที่ไม่ทำสิ่งใดโดยพื้นฐาน: <a href="">My Link</a> แต่แท็กเดียวกันนำทางไปยังฐานแอพใน Angular 2 อะไรที่เทียบเท่ากันใน Angular 2 แก้ไข:ดูเหมือนว่าบั๊กในเราเตอร์ Angular 2 และตอนนี้มีปัญหาแบบเปิดบน githubเกี่ยวกับเรื่องนั้น ฉันกำลังมองหาวิธีแก้ปัญหากล่องหรือยืนยันว่าจะไม่มี

140 angular  routing  angular2-routing  angular-router 

ฉันกำลังทำงานกับ angular 2 และฉันพบบางอย่างเช่น <input #searchBox (keyup)="search(searchBox.value)" และใช้งานได้ แต่ผมไม่เข้าใจความหมายของ#searchBox ฉันไม่พบสิ่งใดที่ชัดเจนทั้งในเอกสาร ใครช่วยอธิบายให้ฉันฟังหน่อยได้ไหมว่ามันทำงานอย่างไร

139 javascript  html  angular  typescript 

ฉันได้รับมอบหมายให้รับโค้ดที่ยุ่งเหยิงจากนักพัฒนารายอื่นที่เพิ่งลาออกจาก บริษัท ไปแล้ว ฉันถามอย่างสงสัยว่ามีปลั๊กอินของ Visual Studio Code หรือวิธีการอื่น ๆ ที่สามารถช่วยให้เราจัดระเบียบและจัดระเบียบการนำเข้าและการอ้างอิงได้อย่างรวดเร็วและมีประสิทธิภาพหรือไม่? ตัวอย่างเช่นอาจมีการนำเข้าหลายร้อยรายการเช่นนี้ import { AutoCompleteModule,InputSwitchModule } from 'primeng/primeng'; import { ListboxModule } from 'primeng/primeng'; สามารถแปลงให้คล้ายกันได้ import { AutoCompleteModule, InputSwitchModule, ListboxModule } from 'primeng/primeng'; หรือฟังก์ชั่นอื่น ๆ เช่นลบการนำเข้าและการประกาศที่ไม่ได้ใช้โดยอัตโนมัติออกจาก app.module หรือจากส่วนประกอบทั้งหมดผ่านโปรเจ็กต์ทั้งหมด? ขอบคุณสำหรับคำติชม!

139 angular  visual-studio-code 

มีวิธีเรียกใช้ng testไฟล์เดียวแทนที่จะเป็นชุดทดสอบทั้งหมดหรือไม่ ตามหลักการแล้วฉันต้องการรับลูปข้อเสนอแนะที่เร็วที่สุดเท่าที่จะเป็นไปได้เมื่อฉันแก้ไขไฟล์ แต่karmaดำเนินการทั้งชุดในการบันทึกแต่ละครั้งซึ่งค่อนข้างช้าเมื่อคุณสร้างชุดทดสอบที่ใหญ่พอ ซึ่งแตกต่างจากHow to execute only test spec with angular-cliในคำถามนั้นเกี่ยวกับการเรียกใช้ข้อมูลจำเพาะแต่ละรายการ นี่เกี่ยวกับการเรียกใช้ไฟล์แต่ละไฟล์ การแก้ปัญหาเกี่ยวข้องกับคุณสมบัติเฉพาะของจัสมินเหมือนกัน แต่ลักษณะของคำถามแตกต่างกันเล็กน้อย

139 angular  jasmine  angular-cli  karma-runner 

ฉันจะคัดลอกวัตถุและสูญเสียการอ้างอิงใน Angular ได้อย่างไร ด้วย AngularJS ฉันสามารถใช้ได้angular.copy(object)แต่ฉันได้รับข้อผิดพลาดในการใช้ Angular EXCEPTION: ReferenceError: angularไม่ได้กำหนดไว้

138 angular 

ผมพบว่าการดำเนินการไม่กี่วินาทีที่ใช้AuthGuard take(1)ในโครงการของฉันฉันใช้first(). ทั้งสองอย่างทำงานเหมือนกันหรือไม่? import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; import { Observable } from 'rxjs/Observable'; import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFire } from 'angularfire2'; @Injectable() export class AuthGuard implements CanActivate { constructor(private angularFire: AngularFire, private router: Router) { } canActivate(route: …

137 angular  rxjs  angular2-observables 

ฉันกำลังพัฒนาเว็บไซต์ใน Angular 2 โดยใช้ Typescript และฉันสงสัยว่ามีวิธีการใช้งานthread.sleep(ms)ฟังก์ชันหรือไม่ กรณีการใช้งานของฉันคือการเปลี่ยนเส้นทางผู้ใช้หลังจากส่งแบบฟอร์มหลังจากนั้นสองสามวินาทีซึ่งง่ายมากใน html หรือ javascript แต่ฉันไม่แน่ใจว่าจะทำอย่างไรใน typescript ขอบคุณมาก,

136 angular  typescript 

อัปเดต 5/24/2018:ตอนนี้เราเป็น Angular เวอร์ชัน +3 จากโพสต์เดิมของฉันและยังไม่มีวิธีแก้ไขขั้นสุดท้ายที่สามารถใช้งานได้ Lars Meijdam (@LarsMeijdam) ได้เสนอแนวทางที่น่าสนใจซึ่งคุ้มค่าแก่การดู (เนื่องจากปัญหาด้านกรรมสิทธิ์เขาจึงต้องลบที่เก็บ GitHub ชั่วคราวซึ่งเขาเคยโพสต์ตัวอย่างของเขาอย่างไรก็ตามคุณสามารถส่งข้อความถึงเขาโดยตรงหากคุณต้องการสำเนาโปรดดูความคิดเห็นด้านล่างสำหรับข้อมูลเพิ่มเติม) การเปลี่ยนแปลงทางสถาปัตยกรรมล่าสุดใน Angular 6 ทำให้เราเข้าใกล้โซลูชันมากขึ้น นอกจากนี้ Angular Elements ( https://angular.io/guide/elements ) ยังมีฟังก์ชั่นส่วนประกอบบางอย่างแม้ว่าจะไม่ใช่สิ่งที่ฉันอธิบายไว้ในโพสต์นี้ในตอนแรก หากใครจากทีม Angular ที่น่าทึ่งบังเอิญเจอสิ่งนี้โปรดทราบว่าดูเหมือนจะมีคนอื่น ๆ อีกมากมายที่สนใจฟังก์ชันนี้เช่นกัน อาจเป็นเรื่องที่ควรพิจารณาสำหรับงานในมือ ผมอยากจะใช้ pluggable (Plug-in) ในกรอบAngular 2, Angular 4, Angular 5หรือAngular 6แอพลิเคชัน (กรณีการใช้งานเฉพาะของฉันสำหรับการพัฒนาเฟรมเวิร์กที่เสียบได้นี้คือฉันจำเป็นต้องพัฒนาระบบการจัดการเนื้อหาขนาดเล็กด้วยเหตุผลหลายประการที่ไม่จำเป็นต้องอธิบายไว้ในที่Angular 2/4/5/6นี้จึงเป็นความเหมาะสมที่ใกล้เคียงที่สุดสำหรับความต้องการส่วนใหญ่ของระบบนั้น) โดยเฟรมเวิร์กแบบเสียบได้ (หรือสถาปัตยกรรมปลั๊กอิน) ฉันหมายถึงระบบที่อนุญาตให้นักพัฒนาบุคคลที่สามสร้างหรือขยายฟังก์ชันการทำงานของแอปพลิเคชันหลักโดยใช้ส่วนประกอบที่เสียบได้โดยไม่ต้องเข้าถึงโดยตรงหรือรู้เกี่ยวกับซอร์สโค้ดของแอปพลิเคชันหลัก หรืองานภายใน (วลีที่เกี่ยวกับ " โดยไม่ต้องเข้าถึงโดยตรงหรือรู้เกี่ยวกับซอร์สโค้ดของแอปพลิเคชันหรือการทำงานภายใน " …

136 angular  plugins  angular-cli  angular-universal 

ฉันต้องการรวบรวม HTML ที่มีคำสั่งด้วยตนเอง $compileAngular 2 เทียบเท่ากับอะไร ตัวอย่างเช่นใน Angular 1 ฉันสามารถรวบรวมส่วนย่อยของ HTML แบบไดนามิกและผนวกเข้ากับ DOM: var e = angular.element('<div directive></div>'); element.append(e); $compile(e)($scope);

136 angular  typescript  angular2-compiler  version-compatibility 

ฉันได้ดูโครงการเมล็ดพันธุ์สองสามโครงการและส่วนประกอบทั้งหมดดูเหมือนจะมี index.ts ที่ส่งออก * จากส่วนประกอบนั้น ฉันไม่พบสิ่งที่ใช้จริง? เช่นhttps://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome ขอบคุณ

136 angular 

เมื่อสร้างเซอร์วิสใน Angular CLI จะเป็นการเพิ่มข้อมูลเมตาพิเศษด้วยคุณสมบัติ "ให้ไว้ใน" โดยมีค่าเริ่มต้นเป็น "root" สำหรับตัวตกแต่งแบบ Injectable @Injectable({ providedIn: 'root', }) สิ่งที่ให้ไว้ในทำคืออะไร? ฉันสมมติว่านี่เป็นการทำให้บริการพร้อมใช้งานเหมือนบริการซิงเกิลตัน 'ทั่วโลก' สำหรับแอปพลิเคชันทั้งหมดอย่างไรก็ตามจะไม่เป็นการดีกว่าที่จะประกาศบริการดังกล่าวในอาร์เรย์ผู้ให้บริการของ AppModule? UPDATE: สำหรับคนอื่นย่อหน้าต่อไปนี้ให้คำอธิบายที่ดีอีกอย่างหนึ่งเช่นกันโดยเฉพาะอย่างยิ่งหากคุณต้องการให้บริการเฉพาะโมดูลคุณลักษณะ ขณะนี้มีวิธีใหม่ที่แนะนำในการลงทะเบียนผู้ให้บริการภายใน@Injectable()มัณฑนากรโดยตรงโดยใช้providedIn แอตทริบิวต์ใหม่ ยอมรับ'root'เป็นค่าหรือโมดูลใด ๆ ของแอปพลิเคชันของคุณ เมื่อคุณใช้งาน'root'ของคุณinjectableจะถูกลงทะเบียนเป็นซิงเกิลตันในแอปพลิเคชันและคุณไม่จำเป็นต้องเพิ่มให้กับผู้ให้บริการของโมดูลรูท ในทำนองเดียวกันถ้าคุณใช้ providedIn: UsersModuleที่injectableมีการลงทะเบียนเป็นผู้ให้บริการที่UsersModuleไม่ต้องเพิ่มไปยังprovidersของโมดูล." - https://blog.ninja-squad.com/2018/05/04/what-is-new-angular -6 / อัปเดต 2: หลังจากการตรวจสอบเพิ่มเติมฉันได้ตัดสินใจว่าจะมีประโยชน์เท่านั้น providedIn: 'root' หากคุณต้องการprovideใช้บริการในโมดูลอื่นที่ไม่ใช่รูทโมดูลคุณควรใช้providersอาร์เรย์ในมัณฑนากรของโมดูลคุณลักษณะดีกว่ามิฉะนั้นคุณจะต้องพึ่งพาการอ้างอิงแบบวงกลม มีการพูดคุยที่น่าสนใจที่นี่ - https://github.com/angular/angular-cli/issues/10170

136 angular  angular6 

นี่เป็นคำถาม "แนวทางปฏิบัติที่ดีที่สุด" มากกว่า มีผู้เล่นสามคน: a Component, Serviceและ a Model. ComponentถูกเรียกServiceจะได้รับข้อมูลจากฐานข้อมูล Serviceใช้: this.people = http.get('api/people.json').map(res => res.json()); เพื่อส่งคืนObservableไฟล์. Componentก็สามารถสมัครเป็นสมาชิกObservable: peopleService.people .subscribe(people => this.people = people); } อย่างไรก็ตามสิ่งที่ฉันต้องการจริงๆคือการServiceส่งคืนArray of Modelวัตถุที่สร้างขึ้นจากข้อมูลที่Serviceดึงมาจากฐานข้อมูล ฉันรู้ว่าComponentสามารถสร้างอาร์เรย์นี้ในวิธีสมัครสมาชิกได้ แต่ฉันคิดว่ามันจะสะอาดกว่าถ้าบริการทำเช่นนั้นและทำให้พร้อมใช้งานสำหรับไฟล์Component. จะServiceสร้างObservableอาร์เรย์ใหม่ที่มีอาร์เรย์นั้นและส่งคืนได้อย่างไร

136 angular  observable 

ฉันได้อ่านเอกสารซึ่งระบุว่าหากฉันต้องการใช้scssฉันต้องรันคำสั่งต่อไปนี้: ng set defaults.styleExt scss แต่เมื่อฉันทำและสร้างไฟล์นั้นฉันยังคงได้รับข้อผิดพลาดนี้ในคอนโซลของฉัน: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

135 css  angular  sass  angular6  angular-cli 

ฉันมีแอพง่ายๆเริ่มต้นโดยangular-cli. มันแสดงบางเพจที่สัมพันธ์กับ 3 เส้นทาง ฉันมีส่วนประกอบ 3 อย่าง ที่หนึ่งของการใช้งานนี้ผมหน้าlodashและเชิงมุม 2 HTTP โมดูลที่จะได้รับข้อมูลบางอย่าง (โดยใช้ RxJS Observables, mapและsubscribe) ฉันแสดงองค์ประกอบเหล่านี้โดยใช้ไฟล์*ngFor. แต่แม้ว่าแอปของฉันจะเรียบง่าย แต่ฉันก็ได้รับแพ็คเกจและแผนที่ขนาดใหญ่ (ในความคิดของฉัน) ฉันไม่ได้พูดถึงเวอร์ชัน gzip แต่เป็นขนาดก่อน gzipping คำถามนี้เป็นเพียงการสอบถามเกี่ยวกับคำแนะนำทั่วไป ผลการทดสอบบางส่วน: ng สร้าง แฮช: 8efac7d6208adb8641c1 เวลา: 10129ms chunk {0} main.bundle.js, main.bundle.map (main) 18.7 kB {3} [initial] [rendered] ก้อน {1} styles.bundle.css, styles.bundle.map, styles.bundle.map (รูปแบบ) 155 kB {4} …

135 angular  webpack  angular-cli