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

AngularJS มีพารามิเตอร์ & ที่คุณสามารถส่งการเรียกกลับไปยังคำสั่ง (เช่นวิธีการเรียกกลับของ AngularJSเป็นไปได้ไหมที่จะส่งการเรียกกลับเป็น@InputAngular Component (เช่นด้านล่าง) ถ้าไม่ใช่สิ่งที่ใกล้เคียงที่สุดกับสิ่งที่ AngularJS ทำอะไร @Component({ selector: 'suggestion-menu', providers: [SuggestService], template: ` <div (mousedown)="suggestionWasClicked(suggestion)"> </div>`, changeDetection: ChangeDetectionStrategy.Default }) export class SuggestionMenuComponent { @Input() callback: Function; suggestionWasClicked(clickedEntry: SomeModel): void { this.callback(clickedEntry, this.query); } } <suggestion-menu callback="insertSuggestion"> </suggestion-menu>

227 angularjs  angular  typescript 

ฉันยังคงได้รับข้อผิดพลาดนี้ในขณะที่ใช้งาน Angular2-Forms Framework ของ TypeScript: ไม่มีการdirectiveตั้งค่าเป็น "exportAs" เป็น "ngForm" นี่คือรหัสของฉัน โครงการพึ่งพา: "dependencies": { "@angular/common": "2.0.0-rc.6", "@angular/compiler": "2.0.0-rc.6", "@angular/core": "2.0.0-rc.6", "@angular/forms": "2.0.0-rc.6", "@angular/http": "2.0.0-rc.6", "@angular/platform-browser": "2.0.0-rc.6", "@angular/platform-browser-dynamic": "2.0.0-rc.6", "@angular/router": "3.0.0-rc.2", "ng2-bootstrap": "^1.1.1", "reflect-metadata": "^0.1.8", "core-js": "^2.4.0", "es6-module-loader": "^0.17.8", "rxjs": "5.0.0-beta.11", "systemjs": "0.19.27", "zone.js": "0.6.17", "jquery": "3.0.0", } และนี่คือเทมเพลตการเข้าสู่ระบบ: <form #loginForm="ngForm" (ng-submit)="authenticate(loginForm.value)"> …

226 angular  typescript  forms  angular2-forms 

ฉันได้อ่านคำถามเช่นAccess EventEmitter Service ภายใน CustomHttp ซึ่งผู้ใช้ใช้ EventEmitter ในบริการของเขา แต่เขาแนะนำในความคิดเห็นนี้ว่า อย่าใช้และใช้แทน Observables โดยตรงในบริการของเขา ฉันยังอ่านคำถามนี้ ซึ่งโซลูชันแนะนำให้ส่ง EventEmitter ไปยังเด็กและสมัครเป็นสมาชิก คำถามของฉันคือ: ฉันควรหรือไม่ควรสมัครสมาชิกด้วยตนเองกับ EventEmitter? ฉันจะใช้มันได้อย่างไร

225 angular  angular2-services 

ไม่เทียบเท่า$scope.emit()หรือ$scope.broadcast()ในเชิงมุม? ฉันรู้ถึงEventEmitterฟังก์ชั่นการใช้งาน แต่เท่าที่ฉันเข้าใจว่าจะปล่อยเหตุการณ์ไปยังองค์ประกอบ HTML หลัก จะทำอย่างไรถ้าฉันต้องการสื่อสารระหว่าง fx พี่น้องหรือระหว่างองค์ประกอบในรากของ DOM และองค์ประกอบซ้อนกันหลายระดับลึก?

224 angular  events 

ฉันกำลังพยายามตั้งค่าระบบแท็บที่อนุญาตให้ส่วนประกอบลงทะเบียนตัวเอง (พร้อมชื่อ) แท็บแรกเป็นเหมือนกล่องจดหมายมีรายการแอ็คชั่น / ลิงก์มากมายให้เลือกสำหรับผู้ใช้และการคลิกแต่ละรายการเหล่านี้ควรจะสามารถสร้างอินสแตนซ์ของส่วนประกอบใหม่ได้เมื่อคลิก แอ็คชัน / ลิงก์มาจาก JSON ส่วนประกอบที่สร้างอินสแตนซ์จะลงทะเบียนตัวเองเป็นแท็บใหม่ ฉันไม่แน่ใจว่านี่เป็นวิธีที่ดีที่สุดหรือไม่? จนถึงตอนนี้คำแนะนำเดียวที่ฉันเห็นสำหรับแท็บแบบคงที่ซึ่งไม่ได้ช่วย จนถึงตอนนี้ฉันเพิ่งได้รับบริการแท็บที่ bootstrapped ในหลักเพื่อคงอยู่ตลอดทั้งแอพ ดูเหมือนว่า: export interface ITab { title: string; } @Injectable() export class TabsService { private tabs = new Set<ITab>(); addTab(title: string): ITab { let tab: ITab = { title }; this.tabs.add(tab); return tab; } removeTab(tab: ITab) …

224 angular  angular-template 

ฉันกำลังสร้างแอปพลิเคชัน Angular แรกของฉันและฉันจะคิดออกว่าบทบาทของโมดูลตัก ทำไมเราต้องการพวกเขา ฉันพยายามค้นหาและค้นหาใน Google และฉันไม่เข้าใจว่าทำไมเราต้องติดตั้งหนึ่งในนั้นเพื่อเรียกใช้แอปพลิเคชันของเรา มันไม่เพียงพอที่จะใช้importเพื่อโหลดเนื้อหาจากโหนดโมดูลใช่ไหม ฉันได้ทำตามบทช่วยสอนนี้ (ที่ใช้ SystemJS) และทำให้ฉันใช้systemjs.config.jsไฟล์: /** * System configuration for Angular samples * Adjust as necessary for your application needs. */ (function(global) { // map tells the System loader where to look for things var map = { 'app': 'transpiled', // 'dist', '@angular': …

222 angular  webpack  systemjs  node-modules 

ฉันกำลังใช้ angualr4 กับ angular-cli และฉันสามารถสร้างส่วนประกอบใหม่ด้วยคำสั่งดังต่อไปนี้ E:\HiddenWords>ng generate component plainsight แต่ฉันต้องการที่จะสร้างองค์ประกอบของเด็กที่อยู่ในความคิด มีวิธีเกี่ยวกับ angi-cli หรือไม่?

222 angular  typescript  angular-cli 

ฉันใช้ Angular (รุ่น 2) กับ TypeScript (รุ่น 1.6) และเมื่อฉันรวบรวมรหัสฉันได้รับข้อผิดพลาดเหล่านี้: Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/change_detection/parser/locals.d.ts(4,42): Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/facade/collection.d.ts(1,25): Error TS2304: Cannot find name 'MapConstructor'. node_modules/angular2/src/core/facade/collection.d.ts(2,25): Error TS2304: Cannot find name 'SetConstructor'. node_modules/angular2/src/core/facade/collection.d.ts(4,27): Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/facade/collection.d.ts(4,39): Error TS2304: Cannot find name 'Map'. …

221 angular  typescript 

ในแอปเชิงมุมผมได้เห็นว่ามีคุณสมบัติ@Component moduleIdมันหมายความว่าอะไร? และเมื่อmodule.idไม่ได้มีการกำหนดไว้ทุกที่แอปก็ยังทำงานได้ มันยังทำงานได้อย่างไร @Component({ moduleId: module.id, selector: 'ng-app', templateUrl: 'app.component.html', styleUrls: ['app.component.css'], directives: [AppComponent] });

221 angular  systemjs  angular2-components 

ฉันได้รับข้อผิดพลาดนี้จาก Angular 2 core.umd.js: 5995 ข้อยกเว้น: Uncaught (ตามสัญญา): ข้อผิดพลาด: ข้อผิดพลาดในแอป / model_exposure_currencies / model_exposure_currencies.component.html: 57: 18 เกิดจาก: หากใช้ ngModel ในแท็กฟอร์ม ตั้งค่าหรือการควบคุมแบบฟอร์มจะต้องกำหนดเป็น 'แบบสแตนด์อโลน' ใน ngModelOptions Example 1: <input [(ngModel)]="person.firstName" name="first"> Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> <td *ngFor="let lag of ce.lags"> <div class="form-group1"> <input name="name" [(ngModel)]="lag.name" [ngModelOptions]="{standalone: true}" class="form-control" pattern="[0-9]*(\.[0-9]+)?" required> …

216 angular  angular-forms 

คำถาม วิธีที่ดีที่สุดในการรับ@ViewChildหลังจากองค์ประกอบที่เกี่ยวข้องในเทมเพลตถูกแสดงคืออะไร ด้านล่างเป็นตัวอย่าง นอกจากนี้ยังมีPlunker แม่แบบ: <div id="layout" *ngIf="display"> <div #contentPlaceholder></div> </div> ส่วนประกอบคือ: export class AppComponent { display = false; @ViewChild('contentPlaceholder', {read: ViewContainerRef}) viewContainerRef; show() { this.display = true; console.log(this.viewContainerRef); // undefined setTimeout(()=> { console.log(this.viewContainerRef); // OK }, 1); } } ฉันมีส่วนประกอบที่ซ่อนเนื้อหาตามค่าเริ่มต้น เมื่อใครบางคนเรียกshow()วิธีการมันจะมองเห็นได้ อย่างไรก็ตามก่อนการตรวจจับการเปลี่ยนแปลง Angular 2 เสร็จสมบูรณ์ฉันไม่สามารถอ้างอิงviewContainerRefได้ ฉันมักจะห่อการกระทำที่จำเป็นทั้งหมดไว้ในsetTimeout(()=>{},1)ที่แสดงข้างต้น มีวิธีที่ถูกต้องมากขึ้นหรือไม่? ฉันรู้ว่ามีตัวเลือกด้วยngAfterViewCheckedแต่มันทำให้เกิดการโทรที่ไร้ประโยชน์มากเกินไป คำตอบ …

215 angular  angular2-changedetection 

ฉันพยายามห่อหัวของฉันไว้กับสิ่งที่สังเกตได้ ฉันชอบวิธีที่สังเกตได้แก้ปัญหาการพัฒนาและการอ่านได้ ขณะที่ฉันอ่านมีประโยชน์มากมาย สิ่งที่สังเกตได้บน HTTP และการรวบรวมดูเหมือนจะตรงไปตรงมา ฉันจะแปลงบางอย่างเช่นนี้เป็นรูปแบบที่สังเกตได้ได้อย่างไร นี่คือจากองค์ประกอบบริการของฉันเพื่อให้การตรวจสอบ ฉันต้องการให้ทำงานเหมือนบริการ HTTP อื่น ๆ ใน Angular2 - พร้อมรองรับข้อมูลข้อผิดพลาดและเครื่องมือจัดการความสมบูรณ์ firebase.auth().createUserWithEmailAndPassword(email, password) .then(function(firebaseUser) { // do something to update your UI component // pass user object to UI component }) .catch(function(error) { // Handle Errors here. var errorCode = error.code; var errorMessage = error.message; …

214 angular  firebase  rxjs  firebase-authentication 

ฉันกำลังติดตามการสอนนี้จาก angular.io ดังที่พวกเขากล่าวว่าฉันได้สร้างไฟล์ hero.spec.ts เพื่อสร้างการทดสอบหน่วย: import { Hero } from './hero'; describe('Hero', () => { it('has name', () => { let hero: Hero = {id: 1, name: 'Super Cat'}; expect(hero.name).toEqual('Super Cat'); }); it('has id', () => { let hero: Hero = {id: 1, name: 'Super Cat'}; expect(hero.id).toEqual(1); }); }); การทดสอบหน่วยทำงานเหมือนมีเสน่ห์ …

213 unit-testing  angular  typescript  jasmine 

ใน AngularJS คุณก็สามารถที่จะระบุดูจะสังเกตเห็นการเปลี่ยนแปลงในตัวแปรขอบเขตการใช้ฟังก์ชั่นของ$watch $scopeอะไรคือสิ่งที่เทียบเท่ากับการเฝ้าดูการเปลี่ยนแปลงของตัวแปร (ในตัวอย่างเช่นตัวแปรองค์ประกอบ) ในเชิงมุม?

213 angularjs  angular  watch  angular2-changedetection 

คุณต้องการยกเลิกการสมัครจากการโทร http ของ Angular 2 เพื่อป้องกันการรั่วไหลของหน่วยความจำหรือไม่? fetchFilm(index) { var sub = this._http.get(`http://example.com`) .map(result => result.json()) .map(json => { dispatch(this.receiveFilm(json)); }) .subscribe(e=>sub.unsubscribe()); ...

211 angular  memory-leaks  rxjs  angular2-http