«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. 이 문서를 …

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; } } 내가 찾은 해결책 테스트 코드 자체를 클로저 안에 넣거나 클로저 안에 코드를 추가하여 …

197 angular  unit-testing  typescript  jasmine 

방금 Angular 2 beta16 에서 beta17로 업그레이드 했는데 rxjs 5.0.0-beta.6이 필요합니다. (변경점 여기 : https://github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28 ) 피 감시 /지도 기능에 대해 잘 작동 된 모든 beta16에서. 업그레이드 후 다음 오류가 발생하여 타이프 스크립트를 변환하려고 할 때 발생합니다. 'Observable'유형에 'map'속성이 존재하지 않습니다 (관찰 가능한 맵을 사용한 위치) c : /path/node_modules/rxjs/add/operator/map.d.ts (2,16) …

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 @ …

195 routing  angular 

Angular 앱이 프로덕션 단계에 도달하면 어떻게 배포합니까? 지금까지 본 모든 가이드 ( angular.io조차도 )는 변경 사항을 반영하기 위해 lite-server를 제공하고 browserSync에 의존하고 있지만 개발이 끝나면 앱을 어떻게 게시 할 수 있습니까? 페이지 에서 컴파일 된 .js파일을 모두 가져 index.html오거나 gulp를 사용하여 축소합니까? 그들은 작동합니까? 프로덕션 버전에서 SystemJS가 필요합니까?

194 typescript  angular  production  systemjs 

나는 Angular의 초보자이며 Angular 5 File upload part 만드는 법을 알고 싶습니다. 튜토리얼이나 문서를 찾으려고하지만 아무데도 보이지 않습니다. 이것에 대한 아이디어가 있습니까? 그리고 ng4 파일을 시도했지만 Angular 5에서는 작동하지 않습니다.

193 angular  typescript 

Observable.of프로젝트에서 가져 오기 기능에 문제가 있습니다. 내 Intellij는 모든 것을 본다. 내 코드에는 다음이 있습니다. import {Observable} from 'rxjs/Observable'; 내 코드에서는 다음과 같이 사용합니다. return Observable.of(res); 어떤 아이디어?

192 angular  rxjs 

매번 ts 파일을 변환하지 않고 TypeScript 및 Angular 응용 프로그램으로 dev 서버를 실행하려고합니다. 나는 달리기를 할 수 ts-node있지만 .tsgulp watch와 같은 방식으로 파일 을보고 앱 / 서버를 다시로드하고 싶습니다.

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 버전을 사용하고 있습니다. 다른 경로로 리디렉션하면 브라우저를 새로 고침하여 GET / 라우트 할 수 없음을 표시합니다. 이 오류가 발생한 이유를 알아낼 수 있습니까?

190 angular  angular2-routing 

<component></component>동적 클래스 속성을 구성 요소에 추가하는 방법을 모르지만 템플릿 html (component.html) 안에는 없습니다. 내가 찾은 유일한 해결책은 "ElementRef"기본 요소를 통해 항목을 수정하는 것입니다. 이 솔루션은 매우 간단한 작업을 수행하는 데 약간 복잡해 보입니다. 또 다른 문제는 CSS를 구성 요소 범위 외부에서 정의하여 구성 요소 캡슐화를 중단해야한다는 것입니다. 더 간단한 해결책이 …

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"> …

190 validation  angular  angular2-forms 

Angular 2에는 my-comp라는 구성 요소가 있습니다. <my-comp></my-comp> Angular 2 에서이 구성 요소의 호스트 요소를 어떻게 스타일링합니까? Polymer에서는 ": 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