yellowcard

호스트 요소 참조를 가져오는 방법은? Angular 2에서 호스트 요소 참조를 얻으려면 어떻게 해야 합니까? 저 같은 경우에는 제 부품에 초점이 있는지 없는지 알고 싶습니다.다음을 사용하여 호스트 요소 참조를 얻을 수 있습니다. class MyComponent { constructor(private elRef:ElementRef) { console.log(this.elRef.nativeElement); } } 에 가입할 수도 있습니다.focus이벤트성 class MyComponent { @HostBinding() tabindex = 0; @HostListener('focus', ['$event']) onFocus(event) { console.log(event); } } 하나 이상의 보기를 구성요소에 첨..

스타일에 바인딩 값 클래스(속성 바인딩에 의해 획득됨)의 색상 속성을 바인딩하여 다음을 설정하려고 합니다.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 + ";"; } } 내 템플릿: 이 구..

'ng'는 내부 또는 외부 명령, 작동 가능한 프로그램 또는 배치 파일로 인식되지 않습니다. npm install -gangular-cli를 실행해 보았습니다. PATH: (C:\Users\Administrator\AppData\Roaming\npm\node_modules\angular-cli\bin\ng)의 환경 변수에도 추가를 시도했지만 성공하지 못했습니다.다음을 시도해 볼 수도 있습니다. > npm run ng 윈도우 7에서도 같은 문제가 있었습니다.올바른 경로 설정으로 해결했습니다. 시스템에서 ng.cmd 파일을 먼저 찾습니다.일반적으로 다음 위치에 있습니다. E:\Users\\AppData\Roaming\npm PATH이 장소로. 기존 명령 창을 닫고 새 명령 창을 엽니다. 유형 ng versi..

각 성분의 조건부 스타일링 나는 다음과 같은 방법으로 조건에 따라 구성요소를 스타일링하려고 합니다. 그리고 우리 팀 대표님. state=Signup.그래서 이 디브의 배경에 따르면 #73c7af가 되어야 하지만 여전히 흰색입니다.제가 어디서 실수를 하고 있는지 누가 말해줄 수 있습니까?조건부로 DOM 요소를 스타일링하려면 Angular 2+에 대한 여러 옵션이 있습니다. NgStyle 이는 AngularJS와 매우 유사합니다.ng-style구현하고 객체 속성을 추가하여 여러 스타일을 허용합니다. 스타일 바인딩 또는 다음을 사용할 수 있습니다.[style.]구속 구문여러 스타일을 설정하려면 속성을 여러 번 추가해야 합니다. style.propertyName을 사용하여 조건부 스타일 속성을 설정할 수 있습니..

Angular2 QuickStart npm 시작이 올바르게 작동하지 않음 Angular2 베타가 출시된 지 얼마 되지 않았지만 공식 사이트 튜토리얼(https://angular.io/guide/quickstart )의 단계를 재현할 수 없습니다.비슷한 문제가 있었고 이 문제를 해결하기 위해 무엇을 해야 하는지 아는 사람이 있습니까?응용 프로그램을 시작하려고 할 때npm start다음과 같이 출력됩니다. 0 info it worked if it ends with ok 1 verbose cli [ 'node', '/usr/local/bin/npm', 'start' ] 2 info using npm@2.7.4 3 info using node@v0.12.2 4 verbose run-script [ 'presta..

Angular 5 반응형 폼 입력의 파이프 사용 방법 저는 입력이 통화 형식으로 강제될 수 있도록 반응형 형태로 파이프를 사용하는 방법을 찾고 있습니다.나는 이미 코드의 다른 영역에서 테스트한 이것을 위한 나만의 파이프를 만들어 놓았기 때문에 그것이 간단한 파이프로 작동한다는 것을 알고 있습니다.내 파이프 이름은 'udpCurrency'입니다. 스택 오버플로에서 찾을 수 있는 가장 가까운 대답은 다음과 같습니다. Angular2-View의 INPUT 요소에서 파이프 내의 파이프 사용입니다. 하지만 이것은 제 경우에는 작동하지 않고 제 폼이 반응적이라는 사실과 관련이 있다고 생각합니다. 다음은 모든 관련 코드입니다. 템플릿 구성 요소 import { Component, OnInit, HostListener..

각도 4 - 입력 값 가져오기 각도 4의 입력값을 얻는 방법을 알고 싶습니다.각도에 대한 설명서를 살펴보았는데 주요 이벤트가 포함된 예제가 저에게 잘 작동하지 않습니다. 이 작업을 수행하는 방법을 제대로 찾을 수 없으니 도와주십시오. 문제:입력 값을 읽고 값을 선택 태그에 추가할 다른 구성 요소에 값을 제출한 후(예: 사용자 이름을 선택 태그 목록으로 보내기) let playerName: string; onSubmit() { return this.playerName; } HTML에서 추가 및 구성 요소 추가 onKey(event) {const inputValue = event.target.value;} 양방향 데이터 바인딩을 사용하지 않으려는 경우.당신은 이걸 할 수 있다. HTML에서 구성요소 내 on..

각도 2에서 편집 가능한 div의 콘텐츠에서 [(ngModel)]을 사용하는 방법은? 저는 다음과 같이 div의 내용 편집 가능한 입력 내용을 양방향으로 바인딩하기 위해 ngModel을 사용하려고 합니다. 하지만 작동하지 않고 오류가 발생합니다. EXCEPTION: No value accessor for '' in [ddd in PostContent@64:141] app.bundle.js:33898 ORIGINAL EXCEPTION: No value accessor for '' NgModel바인딩된 요소가 다음 값을 가질 것으로 예상합니다.value재산, 어느 것div없습니다.그래서 당신은 그것을 받는 것입니다.No value accessor오류 를 사용하여 자신의 동등한 속성 및 이벤트 데이터 바인딩을..

서브를 실행하면 어떻게 됩니까? 저는 지난 얼마 동안 Angular-CLI를 사용했습니다.다음과 같은 여러 명령이 함께 제공됩니다.ng serve서버를 회전시킵니다.localhost:4200. 필요에 따라 구성할 수 있는 그룬트와 굴프를 사용하는 데 익숙합니다.Angular-CLI의 서버를 구성하고 싶었지만 서버가 무엇인지 또는 구성 방법을 모른다는 것을 깨달았습니다.프로젝트 그리핑 대상serve도움이 될 만한 것은 아무것도 발굴하지 못했습니다. 그래서, 정확히 무엇이ng serve하십니까?오늘날, 그것은 사용합니다.webpack-dev-server로컬 웹 서버를 시작합니다.이 질문을 참조하십시오. 문서에서: CLI는 ngserver를 실행하여 사용자에게 실시간 브라우저 다시 로드 환경을 실행할 수 있도..

Angular - ng: 명령을 찾을 수 없습니다. 저는 Angular를 배우려고 노력하고 있으며 터미널에 대한 지식은 초보자입니다.한 후 Angular를 합니다.ng new my-project는 나는응답받았다니습을▁response다니습▁the라는 반응을 .ng: command not found저는 이 문제가 있는 다른 게시물을 보았고 npm과 ng를 제거하고 다시 설치했습니다. 제가 마지막으로 한 단계는 ngm install-g @angular/cli@new my-project보다 최신의 ngm입니다. 그러면 나는.ng: command not found.Windows(윈도우)에서 실행 중이라고 추측합니다(@jowey의 대답을 더 쉽게 하기 위해). 일반적으로 bash에서 Angular 설치 $ npm ..