«angular» 태그된 질문

동일한 템플릿에 여러 라우터 콘센트를 사용할 수 있습니까? 그렇다면 경로를 구성하는 방법은 무엇입니까? angular2 베타를 사용하고 있습니다.

83 angular  angular2-routing  angular2-template 

내 프로젝트를 Angular 6으로 업그레이드했고 .angular-cli.json파일 변환을 제외한 모든 것이 잘되었습니다 . 내가 따라 간 가이드에서 이것이 자동으로 변환된다고 말했습니다. npm install -g @ angular / cli npm 설치 @ angular / cli @ angular / cli 업데이트 그러나 나는 여전히 오래된 것을 가지고 있기 때문에 그렇지 않았습니다. .angular-cli.json 자동 …

83 angular 

나는 Angular 쿠키를 둘러 보았지만 Angular에서 쿠키 관리를 구현하는 방법을 찾을 수 없었습니다. 쿠키를 관리하는 방법이 있습니까 (예 : AngularJS의 $ 쿠키 )?

83 javascript  angular  typescript 

양식이 포함 된 모달이 있는데, 모달이 파괴되면 콘솔에 다음 오류가 발생합니다. 양식이 연결되지 않아 양식 제출이 취소되었습니다. 모달은 내 최상위 요소 인에 <modal-placeholder>직접 자식 인 요소에 추가됩니다 <app-root>. DOM에서 양식을 제거하고 Angular 2에서이 오류를 제거하는 올바른 방법은 무엇입니까? 나는 현재componentRef.destroy();

82 javascript  html  angular  forms  angular-forms 

저는 Angular 2와 TypeScript를 처음 접했고 모범 사례를 따르려고 노력하고 있습니다. 간단한 JavaScript 모델 ({})을 사용하는 대신 TypeScript 클래스를 만들려고합니다. 그러나 Angular 2는 그것을 좋아하지 않는 것 같습니다. 내 코드는 다음과 같습니다. import { Component, Input } from "@angular/core"; @Component({ selector: "testWidget", template: "<div>This is a test and {{model.param1}} is …

82 class  typescript  angular 

나는 설정 (바인딩 속성에 의해 인수) 내 수업에서 색상 속성을 결합하기 위해 노력하고있어 background-color내의를 div. import {Component, Template} from 'angular2/angular2'; @Component({ selector: 'circle', bind:{ "color":"color" } }) @Template({ url: System.baseURL + "/components/circle/template.html", }) export class Circle { constructor(){ } changeBackground():string{ return "background-color:" + this.color + ";"; } } 내 템플릿 …

82 angular 

다음은 Enter 키를 놓을 때 잘 작동합니다 . 에 추가로 사용할 수있는 다른 옵션은 무엇입니까 ?keyupkeyup.enter <input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>

82 javascript  html  onkeyup  angular 

다음 과 같은 파일 구조를 포함하는 angular.io 웹 사이트에서 5 분 빠른 시작 을 사용하고 있습니다. angular2-quickstart app app.component.ts boot.ts index.html license.md package.json tsconfig.json tsconfig.json은 다음과 같은 코드 블록입니다. { "compilerOptions": { "target": "ES5", "module": "system", "moduleResolution": "node", "sourceMap": true, "emitDecoratorMetadata": true, "experimentalDecorators": true, "removeComments": false, "noImplicitAny": false }, "exclude": …

82 javascript  json  angular 

image객체 배열을 Input데이터 로 받는 구성 요소가 있습니다. export class ImageGalleryComponent { @Input() images: Image[]; selectedImage: Image; } 구성 요소가로드 될 때 selectedImage값을 images배열 의 첫 번째 개체로 설정 하고 싶습니다 . 다음과 같이 OnInit수명주기 후크 에서 이것을 시도했습니다 . export class ImageGalleryComponent implements OnInit { @Input() images: Image[]; selectedImage: …

82 javascript  angular  typescript 

정렬 헤더가있는 일반 Angular Material 2 DataTable이 있습니다. 모든 정렬은 헤더가 잘 작동합니다. 물건을 가치로하는 것을 제외하고. 이것들은 전혀 정렬되지 않습니다. 예를 들면 : <!-- Project Column - This should sort!--> <ng-container matColumnDef="project.name"> <mat-header-cell *matHeaderCellDef mat-sort-header> Project Name </mat-header-cell> <mat-cell *matCellDef="let element"> {{element.project.name}} </mat-cell> </ng-container> 참고 element.project.name displayColumn 구성은 다음과 …

82 angular  angular-material2 

Angular2 라우터 가드를 사용하여 내 앱의 일부 페이지에 대한 액세스를 제한하려고합니다. Firebase 인증을 사용하고 있습니다. 사용자가 중포 기지로 로그인되어 있는지 확인하기 위해, 나는 호출이 .subscribe()온 FirebaseAuth콜백와 객체입니다. 이것은 경비원의 코드입니다. import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFireAuth } from "angularfire2/angularfire2"; import { Injectable } from …

82 typescript  angular  angular2-routing 

Angular 문서에는 부모의 자식 이벤트 수신에 대한 주제가 있습니다. 괜찮아. 하지만 내 목적은 반대입니다!. 내 앱에는 관리자 페이지의 레이아웃보기 (사이드 바 메뉴, 작업 표시 줄, 상태 등)를 보유하는 'admin.component'가 있습니다. 이 상위 구성 요소에서는 관리자의 다른 페이지간에 기본보기를 변경하기 위해 라우터 시스템을 구성했습니다. 문제는 변경 후 항목을 저장하고 사용자가 작업 …

82 javascript  typescript  angular  rxjs  eventemitter 

angular2에서 다른 컨트롤이 변경 될 때 일부 컨트롤에 대해 Validator를 트리거하고 싶습니다. 양식을 재확인하도록 지시 할 수있는 방법이 있습니까? 더 나은 방법은 특정 필드의 유효성 검사를 요청할 수 있습니까? 예 : 확인란 X와 입력 P가 주어집니다. 입력 P에는 X의 모델 값에 따라 다르게 작동하는 유효성 검사기가 있습니다. X가 선택 / …

82 forms  validation  angular 

아래에 설명 된 시나리오에 대한 Angular 2 솔루션을 찾고 있습니다. 이 시나리오에서 상단 탐색에는 하위 모듈을로드하는 링크가 포함되고 하위 탐색에는 하위 모듈의 콘텐츠를 업데이트하는 링크가 있습니다. URL은 다음과 같이 매핑되어야합니다. / home => 메인 컴포넌트 라우터 아웃렛에 홈 페이지를로드합니다. / submodule => 기본 구성 요소 라우터 콘센트에 하위 모듈을로드하고 기본적으로 …

82 angular  routing 

나는 현재 튜토리얼을 따르고 있으며 튜토리얼은 EventEmitter. 코드는 다음과 같습니다. @Output() ratingClicked: EventEmitter<string> = new EventEmitter<string>(); 그러나 Visual Studio 코드는 다음과 같은 오류를 제공합니다. 'EventEmitter'유형은 일반적이지 않습니다. 0 개의 유형 인수가 필요하지만 1 개가 있습니다. 각도 웹 사이트 에서도 해당 코드가 올바른 것 같습니다. 저는 현재 Angular CLI를 사용하고 있습니다 …

82 angular  typescript