반응형

Angular 11

모든 경로에서 Can Activate guard를 신청하는 방법은?

모든 경로에서 Can Activate guard를 신청하는 방법은? 사용자가 로그인하지 않은 경우 로그인 페이지로 리디렉션하는 angular2 active guard가 있습니다. import { Injectable } from "@angular/core"; import { CanActivate , ActivatedRouteSnapshot, RouterStateSnapshot, Router} from "@angular/router"; import {Observable} from "rxjs"; import {TokenService} from "./token.service"; @Injectable() export class AuthenticationGuard implements CanActivate { con..

source 2023.10.29

@ngrx/store로 상태 개체의 현재 값을 가져오는 방법은 무엇입니까?

@ngrx/store로 상태 개체의 현재 값을 가져오는 방법은 무엇입니까? 웹 서비스를 호출하기 전에 서비스 클래스에서 다음 속성을 가져와야 합니다.dataForUpdate우리 주에서부터지금은 이렇게 하고 있습니다. constructor(public _store: Store , public _APIService: APIService) { const store$ = this._store.select('StateReducer'); .../... let update = this.actions$.filter(action => action.type == UPDATE) .do((action) => this._store.dispatch({ type: REDUCER_UPDATING, payloa..

source 2023.10.19

각도 2 - 외부 URL로 리디렉션하고 새 탭에서 엽니다.

각도 2 - 외부 URL로 리디렉션하고 새 탭에서 엽니다. 사용자가 링크를 클릭하면 새 페이지를 열려고 합니다.Angular 2 Router는 외부 URL로 리디렉션할 수 있는 기능이 없기 때문에 사용할 수 없습니다. window.location을 사용하고 있습니다.href="..."; html 코드: Google 스크립트 코드 입력: onNavigate(){ //this.router.navigateByUrl("https://www.google.com"); window.location.href="https://www.google.com"; } 하지만 새 탭에서 어떻게 열 수 있습니까?window.location을 사용할 때.href?onNavigate(){ window.open("https://www.g..

source 2023.10.09

API 응답에서 응답 헤더 읽기 - Angular 5 + TypeScript

API 응답에서 응답 헤더 읽기 - Angular 5 + TypeScript 내가 촉발시키고 있는 것은HTTP요청을 하고 있고, 저는 그것으로부터 유효한 답변을 받고 있습니다.응답에도 헤더가 있습니다.X-Token내가 읽고 싶은 것.아래 코드를 통해 머리글을 읽으려고 하는데 결과적으로 null이 됩니다. this.currentlyExecuting.request = this.http.request(reqParams.type, reqParams.url, { body: reqParams.body, responseType: 'json', observe: 'response' }).subscribe( (_response: any) => { // Also tried _response.headers.init(); co..

source 2023.09.14

Angular 2의 하위 구성 요소에서 상위 구성 요소 속성 업데이트

Angular 2의 하위 구성 요소에서 상위 구성 요소 속성 업데이트 사용 중@input자식 구성 요소의 요소 중 하나에서 CSS 클래스를 활성화하기 위해 부모 구성 요소로부터 속성을 수신합니다. 나는 부모님으로부터 재산을 받을 수 있고 또한 수업을 활성화할 수 있습니다.하지만 이것은 한 번만 가능합니다.부모로부터 받는 속성은 부울 데이터를 입력한 것이며 상태를 다음으로 설정할 때false하위 구성 요소에서 상위 구성 요소는 변경되지 않습니다. 플런크르: https://plnkr.co/edit/58xuZ1uzvToPhPtOING2?p=preview 앱.ts import {Component, NgModule} from '@angular/core' import {BrowserModule} from '@ang..

source 2023.09.04

Angular 9는 로드해야 하는 글로벌 '$localize()' 함수를 도입했습니다.

Angular 9는 로드해야 하는 글로벌 '$localize()' 함수를 도입했습니다. 새로운 각도 프로젝트 설정에서 다음과 같은 오류가 발생합니다. 설치된 패키지 및 해당 버전 잡히지 않음(약속):例오:그 중 사용하고 있는 .당신의 애플리케이션 또는 그 종속성 중 하나가 i18n을 사용하고 있는 것 같습니다. Angular 9를 .$localize()로드해야 하는 함수입니다.추주세요를 추가해 .import '@angular/localize';polyfiles.ts 파일로 이동합니다.例오:그 중 사용하고 있는 .당신의 애플리케이션 또는 그 종속성 중 하나가 i18n을 사용하고 있는 것 같습니다. Angular 9를 .$localize()로드해야 하는 함수입니다. 참고: 저는 다음에서 왔습니다.이전 버전으..

source 2023.08.25

Angular 플랫폼 브라우저란 무엇입니까?

Angular 플랫폼 브라우저란 무엇입니까? 저는 Angular 2가 처음입니다.저는 모든 프로젝트에서 플러그인이라는 것을 보았습니다.platform-browser. "@angular/platform-browser": "2.0.0-rc.4", "@angular/platform-browser-dynamic": "2.0.0-rc.4", 저는 그것의 용도가 무엇인지 잘 모르겠습니다.누가 설명 좀 해주세요 - 의 용도는 무엇입니까?platform-browser- 사용하지 않으면 어떤 문제가 있습니까?platform-browser?Angular 응용 프로그램은 여러 가지 방법으로 시작할 수 있지만 브라우저에서 실행할 때 응용 프로그램을 부트스트랩하는 특정 방법이 있습니다.@angular/platform-brows..

source 2023.08.10

@Input() 값은 항상 정의되지 않습니다.

@Input() 값은 항상 정의되지 않습니다. 다음을 만들었습니다.user photo component그것은 필요합니다.@Input()value. 이 값은 userId입니다.값이 전달되면 다음에서 정보를 검색합니다.Firebase이 userId에 연결합니다. 연결되지 않으면 다른 작업을 수행합니다. 내 사용자 사진 구성 요소 import { Component, OnInit, OnDestroy, Input } from '@angular/core'; @Component({ selector: 'user-photos', templateUrl: './user-photos.component.html', styleUrls: ['./user-photos.component.css'] }) export class User..

source 2023.07.26

routerLink 속성을 조건부로 비활성화하려면 어떻게 해야 합니까?

routerLink 속성을 조건부로 비활성화하려면 어떻게 해야 합니까? Angular 2 애플리케이션에서 routerLink를 사용하지 않도록 설정하려고 합니다.클릭 이벤트를 처리하려고 했습니다.click이벤트(와 함께)event.preventDefault()그리고.event.stopPropagation()하지만 작동하지 않습니다. routerLink를 비활성화하려면 어떻게 해야 합니까?사용 안 함pointer-eventsCSS를 통해 요소에서: Link a.disabled { pointer-events: none; cursor: default; } Angular2를 참조하십시오. 앵커 요소를 비활성화하는 올바른 방법은 무엇입니까? 또는 Link not a link 또는 비활성화된 링크 템플릿을 쉽게 재..

source 2023.07.26

설치된 Angular-cli 버전을 확인하는 중입니까?

설치된 Angular-cli 버전을 확인하는 중입니까? 의 특정 버전을 확인할 수 있는 방법이 있습니까?angular-cli내 컴퓨터에 전 세계적으로 설치되어 있습니까?Windows 환경에 있습니다. *npm -v* and *node -v*각각 npm과 node 버전만 제공되며 ng가 포함된 명령어를 찾을 수 없습니다. 제가 작업하고 있는 프로젝트를 실행하려고 하는데, 이전 버전의 npm을 사용하는 앵글 클리핑에서 실행되었습니다.그러나 다른 데모 프로젝트를 설치한 후에는 제거한 후 다시 설치하지 않으면 기본 프로젝트가 더 이상 작동하지 않습니다.angular-cli특정 버전에서.버전 플래그를 사용하여 실행할 때 각 CLI는 해당 버전을 보고할 수 있습니다. ng --version 실행: ng v 또는 n..

source 2023.06.06
반응형