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

ในกรอบAngular2ใหม่ไม่มีใครรู้วิธีที่เหมาะสมในการทำโฮเวอร์เหมือนกับเหตุการณ์หรือไม่? ในAngular1นั้นมีอยู่ng-Mouseoverแต่ดูเหมือนจะไม่ถูกพาไป ฉันตรวจดูเอกสารแล้ว แต่ไม่พบอะไรเลย

198 javascript  angular  events  hover 

ฉันต้องการสร้างเทมเพลตแบบไดนามิก สิ่งนี้ควรใช้เพื่อสร้างComponentTypeที่รันไทม์และสถานที่(แม้แทนที่)ใดที่หนึ่งภายในคอมโพเนนต์การโฮสต์ จนกระทั่ง RC4 ฉันใช้ComponentResolverแต่ด้วย RC5 ฉันได้รับข้อความต่อไปนี้: ComponentResolver is deprecated for dynamic compilation. Use ComponentFactoryResolver together with @NgModule/@Component.entryComponents or ANALYZE_FOR_ENTRY_COMPONENTS provider instead. For runtime compile only, you can also use Compiler.compileComponentSync/Async. ฉันพบเอกสารนี้ ( การสร้างชิ้นส่วนแบบไดนามิกเชิงมุม 2) ) และเข้าใจว่าฉันสามารถใช้อย่างใดอย่างหนึ่ง ชนิดของแบบไดนามิกด้วยngIf ComponentFactoryResolverถ้าฉันผ่านส่วนประกอบที่รู้จักภายใน@Component({entryComponents: [comp1, comp2], ...}) - ฉันสามารถใช้.resolveComponentFactory(componentToRender); การรวบรวมรันไทม์จริงด้วยCompiler... แต่คำถามคือวิธีการใช้งานCompilerอย่างไร หมายเหตุข้างต้นบอกว่าฉันควรจะโทร:Compiler.compileComponentSync/Async - ดังนั้นได้อย่างไร ตัวอย่างเช่น. …

197 angular  typescript  compilation  angular2-compiler 

เหตุใดจึงไม่ถูกngOnInit()เรียกเมื่อInjectableคลาสได้รับการแก้ไข รหัส import {Injectable, OnInit} from 'angular2/core'; import { RestApiService, RestRequest } from './rest-api.service'; @Injectable() export class MovieDbService implements OnInit { constructor(private _movieDbRest: RestApiService){ window.console.log('FROM constructor()'); } ngOnInit() { window.console.log('FROM ngOnInit()'); } } เอาต์พุตคอนโซล FROM constructor()

197 javascript  angular  typescript 

คุณจะทดสอบฟังก์ชั่นส่วนตัวในเชิงมุม 2 ได้อย่างไร class FooBar { private _status: number; constructor( private foo : Bar ) { this.initFooBar(); } private initFooBar(){ this.foo.bar( "data" ); this._status = this.fooo.foo(); } public get status(){ return this._status; } } ทางออกที่ฉันพบ วางรหัสทดสอบไว้ในส่วนปิดหรือเพิ่มรหัสภายในส่วนที่ปิดซึ่งเก็บการอ้างอิงถึงตัวแปรโลคัลบนวัตถุที่มีอยู่ในขอบเขตด้านนอก ถอดแถบทดสอบออกโดยใช้เครื่องมือในภายหลัง http://philipwalton.com/articles/how-to-unit-test-private-functions-in-javascript/ โปรดแนะนำวิธีที่ดีกว่าในการแก้ปัญหานี้หากคุณทำสิ่งใดไปแล้ว? PS คำตอบส่วนใหญ่สำหรับคำถามที่คล้ายกันเช่นนี้ไม่ได้แก้ปัญหานั่นคือเหตุผลที่ฉันถามคำถามนี้ นักพัฒนาส่วนใหญ่บอกว่าคุณไม่ได้ทดสอบฟังก์ชั่นส่วนตัว แต่ฉันไม่ได้บอกว่ามันผิดหรือถูก แต่มีความจำเป็นที่เคสของฉันจะต้องทดสอบความเป็นส่วนตัว

197 angular  unit-testing  typescript  jasmine 

ฉันเพิ่งอัพเกรดจาก Angular 2 beta16เป็นbeta17ซึ่งจำเป็นต้องใช้ rxjs 5.0.0-beta.6 (เปลี่ยนที่นี่: https://github.com/angular/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28 ) ในรุ่นเบต้า 16 ทั้งหมดนั้นทำงานได้ดีเกี่ยวกับฟังก์ชันการสังเกต / แผนที่ ข้อผิดพลาดต่อไปนี้ปรากฏขึ้นหลังจากที่ฉันอัพเกรดและเกิดขึ้นเมื่อ typescript พยายามทำการ transpile: คุณสมบัติ 'map' ไม่มีอยู่ในประเภท 'Observable' (ที่ใดก็ตามที่ฉันใช้แผนที่พร้อมกับสังเกตได้) c: /path/node_modules/rxjs/add/operator/map.d.ts (2,16): ข้อผิดพลาด TS2435: โมดูล Ambient ไม่สามารถซ้อนในโมดูลหรือเนมสเปซอื่นได้ c: /path/node_modules/rxjs/add/operator/map.d.ts (2,16): ข้อผิดพลาด TS2436: การประกาศโมดูล Ambient ไม่สามารถระบุชื่อโมดูลสัมพันธ์ได้ ฉันได้เห็นคำถาม / คำตอบนี้ แต่ไม่ได้แก้ปัญหา: ข้อผิดพลาดที่สังเกตได้กับ Angular2 beta.12 และ RxJs 5 beta.3 …

195 typescript  angular  rxjs 

ฉันได้รับข้อผิดพลาดและไม่สามารถหาสาเหตุได้ นี่คือข้อผิดพลาด: EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy). angular2.dev.js:23514 EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514BrowserDomAdapter.logGroup @ angular2.dev.js:23525ExceptionHandler.call @ angular2.dev.js:1145(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run @ angular2-polyfills.js:141(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$$internal$$tryCatch @ …

195 routing  angular 

คุณจะปรับใช้แอพเชิงมุมเมื่อพวกเขามาถึงขั้นตอนการผลิตได้อย่างไร คำแนะนำทั้งหมดที่ฉันเคยเห็น (แม้กระทั่งในangular.io ) กำลังนับบน lite-server สำหรับการให้บริการและ browserSync เพื่อแสดงการเปลี่ยนแปลง - แต่เมื่อคุณเสร็จสิ้นการพัฒนาคุณจะเผยแพร่แอพได้อย่างไร? ฉันจะนำเข้า.jsไฟล์ที่รวบรวมทั้งหมดในindex.htmlหน้าหรือฉันจะลดขนาดพวกเขาโดยใช้อึก? พวกเขาจะทำงานอย่างไร ฉันต้องการ SystemJS ทั้งหมดในเวอร์ชันการผลิตหรือไม่

194 typescript  angular  production  systemjs 

ฉันเป็นผู้เริ่มต้นกับ Angular ฉันต้องการทราบวิธีการสร้างส่วนการอัปโหลดไฟล์ Angular 5 ฉันพยายามหาบทช่วยสอนหรือเอกสาร แต่ฉันไม่เห็นอะไรเลย ความคิดใด ๆ สำหรับเรื่องนี้? และฉันลองใช้ไฟล์ ng4แต่ไม่สามารถใช้กับ Angular 5 ได้

193 angular  typescript 

ฉันมีปัญหากับObservable.ofฟังก์ชั่นการนำเข้าในโครงการของฉัน Intellij ของฉันเห็นทุกสิ่ง ในรหัสของฉันฉันมี: import {Observable} from 'rxjs/Observable'; และในรหัสของฉันฉันใช้มันเหมือนที่: return Observable.of(res); ความคิดใด ๆ

192 angular  rxjs 

ฉันพยายามเรียกใช้เซิร์ฟเวอร์ dev ด้วย TypeScript และแอปพลิเคชัน Angular โดยไม่มีการแปลงไฟล์ ts ทุกครั้ง ฉันพบว่าฉันสามารถทำงานได้ด้วยts-nodeแต่ฉันยังต้องการดู.tsไฟล์และโหลดแอป / เซิร์ฟเวอร์อีกครั้งเหมือนที่ฉันทำกับสิ่งที่ชอบดูอึก

192 typescript  angular  gulp  development-environment  nodemon 

...ตัวอย่างเช่น... <div class="month" *ngFor="#item of myCollection; #i = index"> ... </div> เป็นไปได้ที่จะทำสิ่งที่ชอบ ... <div class="month" *ngFor="#item of 10; #i = index"> ... </div> ... โดยไม่สนใจคำตอบที่ไม่สง่างามเช่น: <div class="month" *ngFor="#item of ['dummy','dummy','dummy','dummy','dummy', 'dummy','dummy','dummy']; #i = index"> ... </div> ?

191 angular 

ฉันใช้รุ่น Angular 2.0.0-alpha.30 เมื่อเปลี่ยนเส้นทางไปยังเส้นทางอื่นแล้วรีเฟรชเบราว์เซอร์โดยแสดงเป็นไม่สามารถรับ / เส้นทาง คุณสามารถช่วยฉันหาสาเหตุว่าทำไมข้อผิดพลาดนี้เกิดขึ้น

190 angular  angular2-routing 

ฉันไม่ทราบวิธีการเพิ่มองค์ประกอบคลาสให้กับแอตทริบิวต์ของฉัน<component></component>แบบไดนามิกแต่ในเทมเพลต html (component.html) ทางออกเดียวที่ฉันพบคือการแก้ไขรายการผ่านองค์ประกอบพื้นเมือง "ElementRef" วิธีแก้ปัญหานั้นดูซับซ้อนเล็กน้อยที่จะทำสิ่งที่ควรจะง่ายมาก ปัญหาอีกประการหนึ่งคือ CSS จะต้องมีการกำหนดไว้นอกขอบเขตองค์ประกอบทำลายการห่อหุ้มส่วนประกอบ มีวิธีแก้ไขที่ง่ายกว่านี้ไหม? บางสิ่งที่เหมือนกับ<root [class]="..."> .... </ root>ในเทมเพลต

190 angular  angular2-template 

ฉันกำลังทำงานในแบบฟอร์มการเข้าสู่ระบบและหากผู้ใช้ป้อนข้อมูลประจำตัวที่ไม่ถูกต้องเราต้องการทำเครื่องหมายทั้งฟิลด์อีเมลและรหัสผ่านว่าไม่ถูกต้องและแสดงข้อความที่ระบุว่าการเข้าสู่ระบบล้มเหลว ฉันจะตั้งค่าฟิลด์เหล่านี้ว่าไม่ถูกต้องจากการติดต่อกลับที่สังเกตได้ได้อย่างไร แม่แบบ: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div class="login-content" fxLayout="column" fxLayoutAlign="start stretch"> <md-input-container> <input mdInput placeholder="Email" type="email" name="email" required [(ngModel)]="email"> </md-input-container> <md-input-container> <input mdInput placeholder="Password" type="password" name="password" required [(ngModel)]="password"> </md-input-container> <p class='error' *ngIf='loginFailed'>The email address or password is invalid.</p> <div class="extra-options" fxLayout="row" fxLayoutAlign="space-between center"> <md-checkbox class="remember-me">Remember Me</md-checkbox> <a class="forgot-password" routerLink='/forgot-password'>Forgot …

190 validation  angular  angular2-forms 

ฉันมีองค์ประกอบใน Angular 2 เรียกว่า my-comp: <my-comp></my-comp> หนึ่งลักษณะสไตล์องค์ประกอบโฮสต์ขององค์ประกอบนี้ใน Angular 2 ได้อย่างไร ในพอลิเมอร์คุณจะต้องใช้ตัวเลือก ": host" ฉันลองเป็นแบบ Angular 2 แต่มันไม่ทำงาน :host { display: block; width: 100%; height: 100%; } ฉันยังลองใช้ส่วนประกอบเป็นตัวเลือก: my-comp { display: block; width: 100%; height: 100%; } วิธีการทั้งสองดูเหมือนจะไม่ทำงาน ขอบคุณ

189 css  angular  css-selectors  angular-components