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

ฉันกำลังพยายามใช้ส่วนประกอบที่ฉันสร้างขึ้นภายใน AppModule ในโมดูลอื่น ๆ ฉันได้รับข้อผิดพลาดต่อไปนี้: "Uncaught (ตามสัญญา): ข้อผิดพลาด: ข้อผิดพลาดในการแยกวิเคราะห์เทมเพลต: "contact-box" ไม่ใช่องค์ประกอบที่รู้จัก: หาก 'contact-box' เป็นส่วนประกอบเชิงมุมให้ตรวจสอบว่าเป็นส่วนหนึ่งของโมดูลนี้ หาก "contact-box" เป็นเว็บคอมโพเนนต์ให้เพิ่ม "CUSTOM_ELEMENTS_SCHEMA" ใน "@ NgModule.schemas" ของคอมโพเนนต์นี้เพื่อระงับข้อความนี้ โครงสร้างโครงการของฉันค่อนข้างง่าย: ฉันเก็บเพจของฉันไว้ในไดเร็กทอรีเพจโดยแต่ละเพจจะถูกเก็บไว้ในโมดูลที่แตกต่างกัน (เช่นโมดูลลูกค้า) และแต่ละโมดูลมีส่วนประกอบหลายอย่าง (เช่นส่วนประกอบรายการลูกค้าลูกค้าเพิ่มส่วนประกอบและอื่น ๆ ) ฉันต้องการใช้ ContactBoxComponent ของฉันภายในส่วนประกอบเหล่านั้น (ตัวอย่างเช่นในส่วนเพิ่มของลูกค้า) อย่างที่คุณเห็นฉันสร้างส่วนประกอบกล่องผู้ติดต่อภายในไดเร็กทอรีวิดเจ็ตดังนั้นโดยพื้นฐานแล้วมันจะอยู่ภายใน AppModule ฉันเพิ่มการนำเข้า ContactBoxComponent ไปยัง app.module.ts และวางไว้ในรายการประกาศของ AppModule ไม่ได้ผลดังนั้นฉันจึงแก้ไขปัญหาของฉันและเพิ่ม ContactBoxComponent เพื่อส่งออกรายการด้วย ไม่ได้ช่วย ฉันยังลองใส่ ContactBoxComponent ใน customersAddComponent แล้วใส่อีกอันหนึ่ง …

135 angular  typescript  angular-components  angular-module 

ในแอป Angular ของฉันฉันมีส่วนประกอบ: import { MakeService } from './../../services/make.service'; import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-vehicle-form', templateUrl: './vehicle-form.component.html', styleUrls: ['./vehicle-form.component.css'] }) export class VehicleFormComponent implements OnInit { makes: any[]; vehicle = {}; constructor(private makeService: MakeService) { } ngOnInit() { this.makeService.getMakes().subscribe(makes => { this.makes = makes console.log("MAKES", this.makes); …

134 javascript  angular  typescript 

ส่วนหนึ่งของรหัสของฉัน: import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // Trouble line. // …

133 http  typescript  angular  observable 

UPDATE: ธันวาคม 2561 (ดูคำตอบของ 'Aniket') ด้วย Angular CLI 6 คุณต้องใช้ตัวสร้างเนื่องจาก ng eject ถูกเลิกใช้และจะถูกลบออกในเร็ว ๆ นี้ใน 8.0 UPDATE: มิถุนายน 2018: Angular 6 ไม่รองรับ ng eject ** UPDATE: กุมภาพันธ์ 2017: ใช้ ng eject อัปเดต: พฤศจิกายน 2559: ตอนนี้ angular-cli ใช้เฉพาะ webpack เท่านั้น คุณต้องติดตั้งตามปกติด้วย npm install -g angular-cli "เราเปลี่ยนระบบการสร้างระหว่าง beta.10 และ beta.14 จาก SystemJS …

132 angular  webpack  angular-cli 

ดูเหมือนจะง่าย แต่ฉันไม่พบวิธีแก้ปัญหาใด ๆ ดังนั้นฉันจะตรวจสอบได้อย่างไรว่าแอปของฉันกำลังทำงานในโหมดการผลิตหรือโหมดการพัฒนา

132 angular  production 

ฉันกำลังทำงานในIonicแอป ( 2.0.0-rc0) angular 2ซึ่งขึ้นอยู่กับ ดังนั้นการแนะนำใหม่ngModulesจึงรวมอยู่ด้วย ฉันกำลังเพิ่มapp.module.ts.ด้านล่างของฉัน import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; @NgModule({ declarations: [ MyApp, Users ], imports: [ IonicModule.forRoot(MyApp) ], bootstrap: [IonicApp], entryComponents: [ MyApp, Users ] }) …

132 angular  angular-components  angular-module 

ฉันใหม่ใน Angular2 ฉันได้พยายามสร้างส่วนประกอบ แต่เกิดข้อผิดพลาด นี่คือapp.component.tsไฟล์ import { Component } from '@angular/core'; import { MyComponentComponent } from './my-component.component'; @Component({ selector: 'my-app', template: ` <h1>Hello {{name}}</h1> <h4>Something</h4> <my-component></my-component> `, directives: [MyComponentComponent] }) export class AppComponent { name = 'Sam' } นี่คือส่วนประกอบที่ฉันต้องการสร้าง import { Component } from '@angular/core'; @Component({ selector: 'my-component', template: ` …

132 angular  typescript 

เรามีแอปสำหรับองค์กรที่ใช้ Angular 2 สำหรับลูกค้า แต่ละของลูกค้าของเรามี URL ที่เป็นเอกลักษณ์ของตนเองอดีต: และhttps://our.app.com/customer-one https://our.app.com/customer-twoขณะนี้เรามีความสามารถในการตั้งค่าแบบไดนามิกโดยใช้<base href...> document.locationผู้ใช้จึงนิยมhttps://our.app.com/customer-twoและ<base href...>ตั้งค่าเป็น/customer-two... สมบูรณ์แบบ! ปัญหาคือถ้าผู้ใช้เป็นตัวอย่างที่https://our.app.com/customer-two/another-pageและรีเฟรชหน้าหรือพยายามกด url นั้นโดยตรง<base href...>ได้รับการตั้งค่า/customer-two/another-pageและทรัพยากรไม่พบ เราได้ลองทำสิ่งต่อไปนี้แล้ว แต่ไม่เกิดประโยชน์: <!doctype html> <html> <head> <script type='text/javascript'> var base = document.location.pathname.split('/')[1]; document.write('<base href="https://stackoverflow.com/' + base + '" />'); </script> ... น่าเสียดายที่เรามีแนวคิดใหม่ ๆ ความช่วยเหลือใด ๆ ที่น่าอัศจรรย์

131 angular 

ฉันกำลังพยายามทำบางสิ่งใน Angular 2 Alpha 28 และกำลังมีปัญหากับพจนานุกรมและ NgFor ฉันมีอินเทอร์เฟซใน TypeScript ที่มีลักษณะดังนี้: interface Dictionary { [ index: string ]: string } ใน JavaScript สิ่งนี้จะแปลเป็นวัตถุที่มีข้อมูลอาจมีลักษณะดังนี้: myDict={'key1':'value1','key2':'value2'} ฉันต้องการทบทวนสิ่งนี้และลองทำสิ่งนี้: <div *ngFor="(#key, #value) of myDict">{{key}}:{{value}}</div> แต่ไม่เป็นประโยชน์ไม่มีข้อใดต่อไปนี้ทำงานได้: <div *ngFor="#value of myDict">{{value}}</div> <div *ngFor="#value of myDict #key=index">{{key}}:{{value}}</div> ในทุกกรณีฉันได้รับข้อผิดพลาดเช่น "โทเค็นที่ไม่คาดคิด" หรือ "ไม่พบวัตถุที่สนับสนุนไปป์" iterableDiff "" ฉันพลาดอะไรไปที่นี่? เป็นไปไม่ได้อีกแล้วหรือ (ไวยากรณ์แรกทำงานใน Angular 1.x) …

131 angular 

ฉันมีส่วนประกอบและบริการ: ส่วนประกอบคือ: export class WebUserProfileViewComponent { persons: Person []; personId: number; constructor( params: RouteParams, private personService: PersonService) { this.personId = params.get('id'); this.persons = this. personService.getPersons(); console.log(this.personId); } } เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด บริการ: @Injectable() export class PersonService { getPersons(){ var persons: Person[] = [ {id: 1, firstName:'Hans', lastName:'Mustermann', email: 'mustermann@test.com', company:'Test', country:'DE'}, {id: …

131 angular  typescript  angular2-services 

ฉันกำลังเรียนรู้ Angular กำลังมองหาความช่วยเหลือในการแก้ไขข้อผิดพลาด: ฉันไปที่ลิงค์นี้: https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md เพื่อสร้างเชิงมุมขนาดเล็ก แอพที่มี angular2 และ angularfirestore2 แต่เมื่อฉันกด ng serve ฉันได้รับข้อผิดพลาดด้านล่างในคอนโซลเบราว์เซอร์ .. StaticInjectorError[AngularFirestore]: StaticInjectorError[AngularFirestore]: NullInjectorError: No provider for AngularFirestore! at _NullInjector.get (core.js:923) at resolveToken (core.js:1211) at tryResolveToken (core.js:1153) at StaticInjector.get (core.js:1024) at resolveToken (core.js:1211) at tryResolveToken (core.js:1153) at StaticInjector.get (core.js:1024) at resolveNgModuleDep (core.js:10585) at NgModuleRef_.get (core.js:11806) at …

131 angular  firebase  google-cloud-firestore  angularfire2 

การใช้ angular-cli กับng serveคำสั่งฉันจะระบุพอร์ตเริ่มต้นได้อย่างไรฉันไม่จำเป็นต้องส่ง--portแฟล็กด้วยตนเองทุกครั้งหรือไม่ ฉันต้องการเปลี่ยนจากพอร์ตเริ่มต้น 4200

130 angular  angular-cli 

ฉันเป็นนักพัฒนา Angular 1 ที่กำลังเริ่มเรียนรู้เกี่ยวกับ Angular 2 มีวิธีการจัดโครงสร้างโฟลเดอร์ประเภทต่างๆมากมายขึ้นอยู่กับเอกสารการฝึกอบรม ฉันจะแสดงรายการแต่ละรายการด้านล่างและฉันชอบที่จะได้รับความคิดเห็นของผู้คนว่าฉันควรใช้อะไรและทำไม นอกจากนี้หากมีวิธีการที่ไม่อยู่ในรายการ แต่คุณรู้สึกว่าได้ผลดีขึ้นโปรดอย่าลังเลที่จะระบุไว้ด้วย จากการดูสิ่งเหล่านี้ทั้งหมดวิธีที่ # 3 เป็นวิธีที่ฉันใช้แอพ Angular 1 วิธีที่ 1: angular2-quickstart ที่มา: https://angular.io/guide/quickstart โครงสร้างโฟลเดอร์: วิธีที่ 2: ng-book2 ที่มา: https://www.ng-book.com/2/ (ต้องเสียเงินเพื่อดูไฟล์) โครงสร้างโฟลเดอร์: วิธีที่ 3: mgechev / angular2-seed ที่มา: https://github.com/mgechev/angular2-seed โครงสร้างโฟลเดอร์:

130 angular 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังติดตามบทแนะนำที่https://angular.ioและมีปัญหาในการค้นหาเอกสาร โดยเฉพาะสำหรับวิธีการpipeและtap. ฉันไม่สามารถหาอะไรในhttps://angular.ioหรือhttp://reactivex.io/rxjs/ ความเข้าใจของฉันคือสิ่งนั้นpipeและtapเป็นทั้งสองวิธีObservableที่นำเข้าจาก RxJS ถูกต้องหรือไม่? พวกเขาควรจะทำอย่างไร? วิธีการเหล่านี้เป็นส่วนหนึ่งของ Angular หรือไม่? สองวิธีนี้ใช้ทำอะไร?

130 angular 

ฉันได้สร้างส่วนประกอบลูกซึ่งมีวิธีการที่ฉันต้องการเรียกใช้ เมื่อฉันเรียกใช้วิธีนี้มันจะยิงconsole.log()เส้นเท่านั้นมันจะไม่ตั้งค่าtestคุณสมบัติ ?? ด้านล่างนี้คือแอป Angular เริ่มต้นอย่างรวดเร็วพร้อมการเปลี่ยนแปลงของฉัน ผู้ปกครอง import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: 'my-app', template: ` <button (click)="submit()">Call Child Component Method</button> ` }) export class AppComponent { private notify: NotifyComponent; constructor() { this.notify = new NotifyComponent(); } submit(): void { // execute …

130 angular  typescript  angular-components