«angular» 태그된 질문

@angular/cli다음 명령을 사용하여 npm을 통해 패키지를 설치했습니다 . npm install -g @angular/cli @ angular / cli 버전 1.4.2가 성공적으로 설치되었습니다. 그러나 그것은 Angular 버전이 아니라 CLI 버전입니다. 실행 후 ng new myapp생성 된 앱이 어떤 Angular 버전인지 어떻게 확인할 수 있습니까? 2.x, 4.x?

124 angular  angular-cli 

클릭하면 사용자의 클립 보드에 변수를 저장하는 아이콘을 구현하려고합니다. 나는 현재 여러 라이브러리를 시도했지만 그중 어느 것도 그렇게 할 수 없었습니다. Angular 5에서 사용자의 클립 보드에 변수를 올바르게 복사하려면 어떻게해야합니까?

124 angular  typescript  angular5 

아래 숫자 파이프를 사용하여 숫자를 소수점 이하 두 자리로 제한했습니다. {{ exampleNumber | number : '1.2-2' }} '1.2-2'의 논리가 무엇인지 궁금합니다. 나는 소수 자리를 0으로 필터링하지만 소용이없는 파이프를 얻으려고 노력했습니다.

123 angular  pipe  decimal 

is_edit = true비활성화하려면 ts 에서 ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> 단순히 true또는 기반으로 입력을 비활성화하고 싶습니다 false. 나는 다음을 시도했다 : [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

나는 Asp.Net MVC 세계에서 왔는데, 사용자가 인증되지 않은 페이지에 액세스하려고하면 자동으로 로그인 페이지로 리디렉션됩니다. Angular에서이 동작을 재현하려고합니다. @CanActivate 데코레이터를 건너 왔지만 구성 요소가 전혀 렌더링되지 않고 리디렉션이 발생하지 않습니다. 내 질문은 다음과 같습니다. Angular는이 동작을 달성하는 방법을 제공합니까? 그렇다면 어떻게? 좋은 습관입니까? 그렇지 않다면 Angular에서 사용자 인증을 처리하는 가장 좋은 …

122 login  typescript  angular  angular2-routing 

ngClass표현식 내에서 값을 보간해야 하는데 작동하지 않습니다. 나는 나에게 의미가있는 유일한 해결책 인이 솔루션을 시도했지만이 두 가지가 보간으로 실패했습니다. <button [ngClass]="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> <button [ngClass]="{namespace + '-mybutton': type === 'mybutton'}"></button> 이것은 보간과 함께 작동하지만 전체 문자열이 클래스로 추가되기 때문에 동적으로 추가 된 클래스에서는 실패합니다. <button ngClass="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> …

122 angular 

베타 버전으로 AngularJS 2 응용 프로그램을 만들고 있습니다. 내 페이지에서 객체의 JSON 표현을 표시하고 싶지만 표시 [Object Object]되지 않습니다. {key1:value1 ....} 구성 요소에서 다음을 사용할 수 있습니다. get example() {return JSON.stringify(this.myObject)}; 그런 다음 템플릿에서 : {{example}} 그러나 객체 배열이 있고 이러한 객체 목록을 인쇄하려면 어떻게 할 수 있습니까? 사용 : …

122 json  angular 

Typescript에서 Angular 2를 사용하여 이름은 같지만 경로가 다른 두 클래스를 가져와야합니다. 프로젝트가 너무 커서 내 보낸 클래스 이름을 변경하기가 어렵습니다. 가져온 클래스의 별칭을 지정할 방법이 있습니까? import {Class1} from '../location1/class1' import {Class1} from '../location2/class1'

122 angular  typescript  ionic2 

angular2 뷰 템플릿에서 열거 형을 사용할 수 있습니까? <div class="Dropdown" dropdownType="instrument"></div> 문자열을 입력으로 전달합니다. enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } 그러나 열거 형 구성을 전달하는 방법은 무엇입니까? 템플릿에 다음과 같은 것을 원합니다. …

122 enums  angular  angular2-template 

div가 CSS를 사용하여 각도 2에서 오른쪽에서 슬라이드하기를 원합니다. <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> [ngClass] 만 사용하여 클래스를 전환하고 불투명도를 활용하면 잘 작동합니다. 그러나 li은 그 요소가 처음부터 렌더링되는 것을 원하지 않으므로 먼저 ngIf로 "숨기기"하지만 전환이 작동하지 않습니다. .transition{ -webkit-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; …

121 css  angular  angular-animations 

Angular 4 HttpClient를 사용하여 외부 서비스에 요청을 보냅니다. 매우 표준적인 설정입니다. this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } 문제는 요청이 실패하면 Http failure response for (unknown url): 0 Unknown Error콘솔에 일반 메시지가 표시된다는 것입니다. 한편 크롬에서 실패한 요청을 살펴보면 …

121 angular  typescript 

이 방법이있는 서비스가 있습니다. export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } 구성 요소의 생성자에서 다음과 같이 …

121 typescript  promise  angular  observable  rxjs 

Angular 2를 사용하는 양식에서 라디오 버튼을 사용하고 싶습니다. Options : <br/> 1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/> 2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/> model.options 초기 값은 1입니다. 페이지가로드 될 때 첫 번째 라디오 버튼이 선택되지 않고 수정 사항이 모델에 바인딩되지 않습니다. 어떤 아이디어?

120 forms  radio-button  angular 

Angular 프로젝트에서 Chart.js를 사용하고 싶습니다. 이전 Angular2 버전에서는 다음과 같은 'chart.loader.ts'를 사용하여이 작업을 잘 수행했습니다. export const { Chart } = require('chart.js'); 그런 다음 구성 요소 코드에서 import { Chart } from './chart.loader'; 그러나 cli 1.0.0 및 Angular 4로 업그레이드 한 후 " 'require'이름을 찾을 수 없습니다."라는 오류가 발생합니다. 오류를 …

120 angular  angular-cli 

내 Angular2 페이지에 몇 가지 링크를 추가하고 싶습니다. 클릭하면 일반 해시 태그처럼 해당 페이지 내의 특정 위치로 이동 합니다. 따라서 링크는 다음과 같습니다. /users/123#userInfo /users/123#userPhoto /users/123#userLikes 기타 나는 일반적인 Angular2 방식으로 괜찮 기 때문에 HashLocationStrategy가 필요하다고 생각하지 않지만 직접 추가하면 링크가 실제로 동일한 페이지의 어딘가가 아닌 루트로 이동합니다. 어떤 방향 …

120 routing  angular  hashtag