«angular» 태그된 질문

사용자가 해당 드롭 다운 외부의 아무 곳이나 클릭하면 로그인 메뉴 드롭 다운을 닫고 싶습니다. Angular2와 Angular2 "접근법"으로 수행하고 싶습니다 ... 솔루션을 구현했지만 실제로는 자신감이 없습니다. 나는 같은 결과를 얻는 가장 쉬운 방법이 있어야한다고 생각하므로 아이디어가 있다면 ... : 토론합시다! 내 구현은 다음과 같습니다. 드롭 다운 구성 요소 : 이것은 내 …

144 javascript  drop-down-menu  angular  rxjs 

angular2이 주소에서 튜토리얼을 수행하고 있습니다 : https://angular.io/docs/ts/latest/tutorial/toh-pt3.html 콘솔에서 폴더 hero아래의 단일 파일에 인터페이스를 넣었 app습니다. 콘솔 에서이 오류가 발생했습니다. : app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. [0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. 인터페이스 파일을 hero 폴더에 넣으면 오류가 사라집니다. 이것은 설명서에 언급되어 있지 …

144 angular 

HTML 입력 필드가 있습니다. <input [(ngModel)]="item.value" name="inputField" type="text" /> 값을 형식화하고 기존 파이프를 사용하고 싶습니다. .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... 오류 메시지가 나타납니다. 액션 표현식에 파이프를 가질 수 없습니다 이 상황에서 파이프를 어떻게 사용합니까?

144 angular  pipe  html-input  angular2-ngmodel 

방금 Angular 2를 엉망으로 만들기 시작했으며 누군가 요소에서 이벤트 리스너를 동적으로 추가하고 제거하는 가장 좋은 방법을 말해 줄 수 있는지 궁금합니다. 구성 요소를 설정했습니다. 템플릿의 특정 요소를 클릭하면 mousemove동일한 템플릿의 다른 요소에 리스너를 추가하고 싶습니다 . 그런 다음 세 번째 요소를 클릭하면이 리스너를 제거하고 싶습니다. 나는 보통 Javascript를 사용하여 요소를 …

143 angular  typescript  addeventlistener 

Angular-CLI (베타 20)로 Angular2 프로젝트 빌드가 있습니다. 하나의 선택된 스펙 파일에 대해서만 테스트를 실행하는 방법이 있습니까? 나는 Angular2 빠른 시작을 기반으로 한 프로젝트를 가지고 있었고 Jasmine 파일에 사양을 수동으로 추가 할 수있었습니다. 그러나 Karma 테스트 외부에서 이것을 설정하는 방법이나 Angular-CLI 빌드를 사용하여 Karma 테스트를 특정 파일로 제한하는 방법을 모르겠습니다.

143 angular  jasmine  angular-cli 

private컴포넌트 클래스에서 변수가 선언 된 경우 해당 컴포넌트의 템플리트에서 변수 에 액세스 할 수 있어야합니까? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared as private …

143 typescript  angular  angular2-template 

구성 요소가 렌더링되기 전에 API에서 이벤트를로드하려고합니다. 현재 구성 요소의 ngOnInit 함수에서 호출하는 API 서비스를 사용하고 있습니다. 내 EventRegister구성 요소 : import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, RouterLink} from 'angular2/router'; import {FORM_PROVIDERS, FORM_DIRECTIVES, Control} from 'angular2/common'; @Component({ …

143 typescript  angular  angular2-services  angular2-http 

오류가 발생했습니다 node_modules / rxjs / internal / types.d.ts (81,44) : 오류 TS1005 : ';' 예상했다. Angular 6 설치 후 오류를 확인하십시오. ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.

142 angular  typescript  build  installation  rxjs 

Angular cli를 사용하여 Angular 2 앱을 만들 때 나타납니다. 내 기본 구성 요소 접두사는 AppComponent의 app-root입니다. 이제 선택기를 "abc-root"라는 다른 것으로 변경하면 @Component({ selector: 'abc-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) vscode가 경고합니다. [tslint] The selector of the component "AppComponent" should have prefix "app"

142 angular 

부트 스트랩을 할 때 주입하면 모든 자식이 동일한 인스턴스를 공유해야하지만 내 기본 및 헤더 구성 요소 (주 응용 프로그램에는 헤더 구성 요소 및 라우터 콘센트가 포함됨)가 각각 별도의 서비스 인스턴스를 얻습니다. 페이스 북 자바 스크립트 API와 FacebookService를 사용하는 UserService를 호출하는 데 사용하는 FacebookService가 있습니다. 내 부트 스트랩은 다음과 같습니다. bootstrap(MainAppComponent, …

142 angular  typescript  angular2-routing  angular2-services 

게시 요청을 할 때 각도 2 http 가이 요청을 보내지 않습니다. this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()) http 게시물은 서버로 전송되지 않지만 요청을하면 this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()).subscribe(r=>{}); 이것이 의도 된 것이며 누군가 그렇다면 왜 그 이유를 설명 할 수 있습니까? 아니면 버그입니까?

141 angular  angular2-http 

해시 위치 전략과 함께 각도 2를 사용하고 있습니다. 구성 요소는 해당 경로로로드됩니다. "departments/:id/employees" 지금까지는 괜찮습니다. 여러 개의 편집 된 테이블 행을 성공적으로 일괄 저장 한 후 다음을 통해 현재 경로 URL을 다시로드하려고합니다. this.router.navigate([`departments/${this.id}/employees`]); 그러나 아무 일도 일어나지 않는 이유는 무엇입니까?

141 angular 

각도 cli로 각도 2 앱을 만들고 싶습니다. 나는 cmd에 썼다 : npm angular-cli -g 설치 그때: ng firstngapp 하지만 npm start를 쓸 때 오류가 표시됩니다! 나는 문제를 이해하지 못한다

140 angular  npm  angular-cli 

Angular 1.x에서는 기본적으로 아무것도하지 않는 링크를 만들기 위해 다음을 수행 할 수 있습니다. <a href="">My Link</a> 그러나 동일한 태그는 Angular 2의 앱 기반으로 이동합니다. Angular 2와 동일한 태그는 무엇입니까? 편집 : Angular 2 Router의 버그처럼 보이며 이제 github 에 공개 문제 가 있습니다. 즉시 사용 가능한 솔루션이나 아무것도 없다는 확인을 …

140 angular  routing  angular2-routing  angular-router 

최근에 회사를 떠난 다른 개발자로부터 엉망인 코드를 가져 오도록 할당되었습니다. Visual Studio Code의 플러그인이나 가져 오기 및 참조를 빠르고 효과적으로 정리하고 구성하는 데 도움이되는 다른 수단이 있는지 궁금합니다. 예를 들어, 이와 같은 수백 가지의 수입품이있을 수 있습니다 import { AutoCompleteModule,InputSwitchModule } from 'primeng/primeng'; import { ListboxModule } from 'primeng/primeng'; 비슷하게 …

139 angular  visual-studio-code