ANGULAR

Angular 2에서 클래스 바인딩(&N)

CSS 클래스를 Angular 2 템플릿의 요소에 쉽게 바인딩할 수 있습니다.클래스에 클래스 이름을 제공했습니다.템플릿의 괄호에 있는className, 그리고 오른쪽의 표현식입니다. 이 표현식의 계산 결과는true 또는false로 클래스를 적용해야 하는지 확인하십시오.다음은 단일 클래스를 바인딩하는 방법의 예입니다. 여러 클래스를 추가해야 할 경우 NgClass 명령은 매우 편리합니다.NgC...

2022-06 last update

5 minutes reading

각도의 NgSwitch 명령

ngFor와 ngIf와 마찬가지로 ngSwitch는 내장된 템플릿 명령입니다.이 동작은 JavaScript switch 문과 유사합니다.DOM에 가능한 여러 요소 트리 중 하나를 포함할 수 있습니다. 이 기둥은 각도 2 이상 포함 위의 예에서 dietSelection이 "gf"로 설정되면 DOM에는 밀기울이 없는 단락만 포함됩니다.단락에 하위 DOM 요소가 포함되어 있으면 이러한 요소도 포함...

2022-06 last update

3 minutes reading

*Angular 2의 ngIf 명령

NgIf 는 DOM에 전달되는 표현식이 true 인지 false 인지 여부에 따라 DOM 섹션을 추가하거나 삭제하는 내장 템플릿 명령어입니다. 위에서 userHasPet이true이면 div가 DOM에 포함되고 (페이지에 나타납니다) userHasPet이false이면 div가 DOM에서 삭제됩니다. (페이지에 나타나지 않습니다.) *ngFor와 마찬가지로 *문자는 템플릿을 만들 수 있고 이 문...

2022-06 last update

4 minutes reading

& 각도 2의 스타일 귀속 스타일

Angular 2 템플릿에서는 인라인 스타일을 쉽게 바인딩할 수 있습니다.다음은 단일 스타일 값을 바인딩하는 방법입니다. 예를 들어 다음과 같습니다. 또한 단위를 지정할 수 있습니다. 예를 들어 우리는 em에서 단위를 설정하지만 px,% 또는rem를 사용할 수 있습니다. 다음은 구성 요소의 속성에 따라 스타일 값을 조건부로 설정하는 방법입니다. 단순 스타일 바인딩은 단일 값에 좋지만 여러 스...

2022-06 last update

7 minutes reading

*ngFor 명령 각도

NgFor는 내장된 템플릿 명령어로 그룹이나 대상과 같은 내용을 쉽게 교체하고 항목마다 템플릿을 만들 수 있습니다. 이 기둥은 각도 2 이상 포함 다음은 사용 사례입니다. 이것은 다음과 같은 html를 출력합니다. 템플릿에서 사용할 수 있는 로컬 변수를 만들 수 있습니다. 사용자는 구성 요소에 제공해야 할 사용자iterable를 교체할 것을 의미합니다. ngFor 이전의 * 문자는 부모 템플...

2022-06 last update

4 minutes reading

구성 요소와 각도 출력의 상호작용

출력은 하위 구성 요소가 부모 구성 요소에 이벤트를 보내는 메커니즘을 제공합니다. 이 기둥은 각도 2 이상 포함 부모 구성 요소의 템플릿에서 이벤트 바인딩을 하위 구성 요소 선택기의 일부로 정의합니다.귀속은 부모 구성 요소 클래스에 정의된 방법을 가리키며, 이 방법은 하위 구성 요소로부터 받은 데이터에 대해 $를 실행합니다이벤트는 하위 레벨에서 유효한 부하를 포함합니다. 상위 구성 요소 템플...

2022-06 last update

6 minutes reading

Angular 5: 새로운 기능 업그레이드 및 요약

Angular 5, 별명은 오각형 도넛으로 방금 발표되었는데 그에 따른 새로운 기능과 내부 변경으로 Angular 응용 프로그램이 더욱 작고 실행 속도가 빨라졌다.이 글에서 우리는 가장 중요한 변경 사항과 업그레이드에 관한 힌트를 간략하게 소개할 것이다.자세한 내용은 , 모든 변경 사항에 대한 자세한 내용은 을 참조하십시오. Angular 컴파일러도 더욱 빠른 구축과 재건을 실현하기 위해 개...

2022-06 last update

25 minutes reading

각도 의존 주입

의존 주입(DI)은 Angular 2+의 핵심 개념으로 한 클래스가 다른 클래스에서 의존 항목을 수신할 수 있도록 한다.Angular에서 의존 주입은 일반적으로 서비스 클래스를 구성 요소나 모듈 클래스에 주입함으로써 이루어진다. 다음은 주입 가능한 서비스를 어떻게 정의하는지의 예입니다.특히 강조 표시된 부분은 다음과 같습니다. 서비스: 팝콘.서비스ts 다음은 우리의 팝콘 서비스 it를 구성 ...

2022-06 last update

4 minutes reading

Angular에서 사용자 지정 명령 만들기

Angular 2+의 건축 지령은 건축 부품과 큰 차이가 없다.어쨌든, 구성 요소는 보기의 지령을 추가했을 뿐이다.실제로 각도 지령은 세 가지가 있는데 그것이 바로 구성 요소 지령, 속성 지령과 구조 지령이다. 구조 명령은 DOM에서 요소를 추가하거나 제거합니다. , 및 은 내장 구조 명령의 예입니다.속성 명령은 요소의 스타일이나 동작을 변경하는 데 사용됩니다. appShadow 명령을 예로...

2022-06 last update

10 minutes reading

Angular 6: 새로운 기능 업그레이드 및 요약

Angular CLI는 두 가지 주요 새 명령을 받았습니다: update 및 add.ng update를 사용하면 이제 명령 하나만 있으면 Angular 응용 프로그램을 업데이트할 수 있습니다.원리도 때문에 제3자 라이브러리는 이 라이브러리를 업데이트하기 위해 새로운 명령을 받을 수 있다.막후에서 사령부는 프로젝트 패키지를 처리할 것이다.json 파일을 사용하고 프로젝트의 패키지 관리자(npm...

2022-06 last update

10 minutes reading

각도 재료 대화상자

각도 재료가 있는 많은 구성 요소 에 대해 논의했지만 대부분의 다른 각도 재료 구성 요소보다 더 복잡하기 때문에 대화 상자를 무시했습니다.그래서 대화에 댓글이 달렸어요! 이모티콘을 선택할 수 있는 간단한 대화상자를 만들 것입니다.대화상자를 호출하는 구성 요소는 사용자의 선택을 되돌려줍니다. 우선, 프로젝트의 가 정확한지 확인해야 합니다.여기에서 우리는 또한 당신이 로 시작하는 프로젝트가 있다...

2022-06 last update

17 minutes reading

각도 재료: 사용자 정의 테마 만들기

의 소개에서 우리는 그 중의 미리 구축된 주제를 어떻게 사용하는지 보여 주었지만, 사용자 정의 주제를 만드는 것도 마찬가지로 간단하다.이렇게 하면 각도 재료 어셈블리에 사용할 기본 색상, 강조 색상 및 경고 색상을 지정할 수 있습니다. 사용자 정의 테마는 Sass 파일이 될 것입니다. 예시에서 테마라고 합니다.응용 프로그램의/src 폴더에 저장합니다. 만약 프로그램의 나머지 부분에서 Sass...

2022-06 last update

11 minutes reading

각도 데이터 바인딩

데이터 귀속은 Angular의 핵심 개념으로 구성 요소와 DOM 간의 통신을 정의할 수 있어 상호작용 응용 프로그램을 정의하는 데 매우 쉽고 데이터를 끌어당길 염려가 없다.데이터 귀속은 네 가지 형식이 있는데 그것들은 데이터 흐름의 방식에 있어서 다소 다르다. 이 기둥은 각도 2 이상 포함 삽입값: {{값}} 그러면 어셈블리에서 속성 값이 추가됩니다. 속성 바인딩: [속성] = "값" 속성 ...

2022-06 last update

6 minutes reading

Angular 응용 프로그램에서 타사 라이브러리 사용

따라서 Angular 2+ 프로젝트에서 jQuery나 Lodash 같은 제3자 라이브러리를 사용하고자 하지만 어떻게 사용하시겠습니까?다음은 Lodash를 예로 들어 단계적으로 세분화된 것입니다. 먼저 npm을 사용하여 프로젝트에 Lodash 자체를 설치합니다. 또는 실을 사용: 이 도구 검색 라이브러리에서 사용할 수 있는 타자기를 사용할 수 있습니다. 저희 사례에서 Lodash의 typing...

2022-06 last update

5 minutes reading

ng내용과 각도가 되는 내용 투영

AngularJS는 컨텐트를 사용하여 컨텐트를 투영하여 컨텐트를 변환합니다. 이 글은 각도 2와 이상을 포괄하였다. 장식기가 있는 홈 구성 요소가 있다고 가정하면 다음과 같습니다. 구성 요소를 포함할 때 다음을 수행할 수 있다고 가정합니다. 그런 다음 어셈블리 템플릿에서 다음을 사용합니다. 결과는 다음과 같습니다. 이것도 있습니다. 패키지의 구성 요소에 구성 요소를 넣을 수 있습니다.예를 들...

2022-06 last update

4 minutes reading

어셈블리와 각도 입력의 상호 작용

입력은 부모 구성 요소가 하위 구성 요소에 접근할 수 있는 속성을 연결할 수 있도록 하는 메커니즘을 제공합니다.상위 어셈블리는 속성을 하위 어셈블리로 밀어냅니다. 이 기둥은 각도 2 이상 포함 부모 구성 요소의 템플릿에서 하위 구성 요소의 선택기에서 속성 귀속을 정의하기만 하면 됩니다.귀속은 하위 구성 요소를 사용할 수 있는 등호 오른쪽에 있는 부모 구성 요소 클래스에서 사용할 수 있는 속성...

2022-06 last update

5 minutes reading

비동기식 파이핑을 사용하여 Angular의 구독 관리

Angular 2+에 내장된 비동기 파이프는 관찰 가능한 구독을 쉽게 관리할 수 있는 좋은 도구를 제공합니다.그것 때문에 우리는 대부분의 상황에서 수동으로 구성 요소 클래스에 가입할 수 있는 관찰 대상을 피하는 것을 배울 수 있다. 가령 우리가 관측할 수 있는 것을 원한다면, 그것은 우리에게 매초의 현재 시간을 준다.비동기식 파이프를 사용하지 않으면 다음과 같은 작업을 수행할 수 있습니다. ...

2022-06 last update

14 minutes reading

Angular 및ngrx가 포함된 선언적 제목 업데이트 프로그램

Angular 서비스를 사용하면 HTMLITleElement를 쉽게 업데이트할 수 있습니다.SPA의 각 노선에는 서로 다른 제목이 있는데, 이것은 매우 흔하다.이것은 일반적으로 라우팅 어셈블리의 ngOnInit 라이프 사이클에서 수동으로 수행됩니다.그러나 본고에서 우리는 /공유기 저장의 강력한 기능과 사용자 정의 RouterState Serializer와 /effects를 성명하는 방식으로 ...

2022-06 last update

33 minutes reading

Angular CLI를 사용하여 Angular 시작 및 실행

모든 각도 항목은 많은 활동 부품과 관련된다. (명령줄 인터페이스) 는 프로젝트를 쉽게 시작하고 구성 요소, 루트 또는 서비스를 생성하며 프로젝트에 서비스를 제공하고 테스트를 실행할 수 있는 새로운 도구이다. 이 글은 각도 2와 이상을 포괄하였다. 첫 번째 단계는 npm에서 설치하는 것입니다. 그러면 Angular CLI가 글로벌 설치됩니다.npm이 신고하면 sudo 실행 명령을 사용하십시오...

2022-06 last update

4 minutes reading

Angular 8: 새로운 기능 업그레이드 및 요약

및 일련의 워크플로우 및 성능 향상 를 위해 우리가 한 것처럼 Angular 8의 새로운 기능과 Angular 7 응용 프로그램을 Angular 8로 업그레이드하는 방법을 살펴보자. 다른 불러오는 방식 때문에, 당신의 Angular 8 응용 프로그램은 자동으로 더 높은 성능을 얻을 것입니다. 이 새로운 기능은 각도 v8에 가장 큰 단차성 개선을 가져왔다.새로운 브라우저는 더 적은 코드와 더 ...

2022-06 last update

6 minutes reading

각도 제공 프로그램

Angular 2+의 서비스가 에 도달하기 위해서는 구성 요소, 부모 모듈 또는 응용 프로그램 모듈에 제공해야 합니다.응용 프로그램 모듈에서 제공하는 서비스는 어디에서나 같은 실례를 제공할 것이다.다음은 구성 요소에서 제공하는 두 가지 서비스의 예입니다. 구성 요소: 응용 프로그램.구성 부분ts 이 모듈에서는 다음을 제공합니다. 모듈: 응용 프로그램.단원ts 기본적으로 Angular는 같은 ...

2022-06 last update

4 minutes reading

Angular 7: 새로운 기능 업그레이드 및 요약

아래 목록은 이 버전의 새로운 기능에 대한 간략한 요약일 뿐이지만, 이 부분을 찾았는지 확인하고 이 버전이 제공하는 더 많은 기능을 확인하십시오! Angular 팀은 개발자가 사용할 수 있는 도구를 개선하기 위해 노력해 왔으며, 새로운 CLI 알림도 예외가 아니다.일반적으로 ng new 또는 ng add 같은 명령을 실행할 때 이것은 하나의 과정입니다.라우팅을 포함하지 않았습니까?아, 돌파하...

2022-06 last update

5 minutes reading

각도 재료 시작 2

Angular Material 2는 재료 설계 어셈블리를 Angular 2+ 응용 프로그램에 도입합니다.이 프로젝트의 목표는 이동과 데스크톱을 위한 재료 설계 인터페이스를 쉽게 구축할 수 있도록 완전한 구성 요소 배열을 구축하는 것이다. 먼저 각도 재질, 각도 애니메이션과 망치를 설치합니다.다음 명령을 사용하여 프로젝트에서 js를 만듭니다. 망치js는 선택할 수 있는 의존항으로 일부 구성 요...

2022-06 last update

19 minutes reading

메모: Angular CLI 참조

Angular CLI를 사용하여 대부분의 작업을 수행하는 데 필요한 명령을 찾을 수 있는 메모가 있습니다. 사용 중인 CLI 버전을 보려면 다음과 같이 하십시오. 이 작업을 실행하려면 다음과 같이 하십시오. 또는 특정 명령에 대한 도움말을 보려면 다음과 같이 하십시오. 새 항목 생성: 다음은 사용할 수 있는 몇 가지 플래그입니다. --skip-install: 아니요npm install, 오프...

2022-06 last update

6 minutes reading

각도에서의 라이프 사이클 연결

Angular는 구성 요소의 라이프 사이클에 들어가고 라이프 사이클의 특정 점에서 작업을 트리거할 수 있도록 8개의 연결을 제공합니다. 다음은 호출 순서에 따라 사용할 수 있는 생명주기 연결입니다. ngOnChanges: 데이터 귀속 입력 속성이 변경될 때마다 호출됩니다.엔고니트 갈고리 앞은 처음이야.갈고리는 데이터 바인딩 입력 속성의 이전 값과 현재 값을 포함하는 SimpleChanges ...

2022-06 last update

9 minutes reading

각도 경로설정 소개

Angular 2+의 라우터를 사용하면 응용 프로그램의 라우팅을 쉽게 정의할 수 있습니다.응용 프로그램에서 기본 라우팅을 시작하려면 다음과 같이 하십시오. 를 사용하여 항목을 만들면 기본적으로 색인에 기본 태그가 추가됩니다.html이지만 Angular CLI를 사용하지 않으면 직접 추가해야 합니다.어떤 스타일이나 스크립트가 선언되기 전에 문서의 시작 부분에 다음과 같은 내용을 추가하는 것이 ...

2022-06 last update

5 minutes reading

Angular에서 ng container 요소를 사용하는 방법

ng-container는 Angular 2+에서 사용할 수 있는 요소로 구조 명령의 주체가 될 수 있습니다. 본고에서 당신은 ng-container가 해결할 수 있는 장면을 탐색할 것입니다. DOM의 구조를 잘 알고 있습니다.자세한 내용은 튜토리얼 시리즈 를 참조하십시오. Angular 와 를 잘 아는 것도 도움이 될 수 있다. Angular에서는 한 요소에 여러 템플릿을 사용하여 바인딩할 ...

2022-06 last update

14 minutes reading

Flex 레이아웃을 각도에 사용하는 방법

는 CSS Flexbox를 사용하여 템플릿에서 사용할 수 있는 명령 세트를 포함하는 페이지 레이아웃을 만들 수 있는 구성 요소 엔진입니다. 이 강좌에서는 예시 각도 응용 프로그램을 구축하고 Flex 레이아웃을 사용하여 항목을 배열합니다. 를 사용하여 새 각도 항목을 작성할 수 있습니다. 이 비계가 있으면 템플릿에서 Flex 레이아웃을 사용할 수 있습니다. 다음은 이 강좌에서 Flex 레이아웃...

2022-06 last update

43 minutes reading

라우팅 해상도와 각도 라우터를 함께 사용하는 방법

API에서 데이터를 검색하고 표시하는 방법 중 하나는 사용자가 구성 요소로 라우팅한 다음 이 구성 요소의 ngOnInit 갈고리에서 서비스의 방법을 호출하여 필요한 데이터를 얻는 것이다.데이터를 가져올 때 구성 요소에 로드 표시기가 표시될 수 있습니다. 이 강좌에서 수집된 데이터의 경로를 표시하기 전에 해커 뉴스 API에서 데이터를 얻을 수 있는 루트 해상도를 실현할 것입니다. 먼저 top ...

2022-06 last update

42 minutes reading

다음 페이지