«angular2-template» 태그된 질문

Angular 응용 프로그램을 작성 중이며 표시하려는 HTML 응답이 있습니다. 어떻게합니까? 바인딩 구문을 사용하면 {{myVal}}모든 HTML 문자를 인코딩합니다 (물론). 나는 바인딩 어떻게 든 필요 innerHTML의를 div변수 값으로.

839 angular  angular2-template  angular2-databinding 

Angular 2 앱에서 페이지를 아래로 스크롤하고 페이지 하단의 링크를 클릭하면 경로가 변경되고 다음 페이지로 이동하지만 페이지 상단으로 스크롤되지는 않습니다. 결과적으로 첫 번째 페이지가 길고 두 번째 페이지에 내용이 적은 경우 두 번째 페이지에 내용이 없다는 인상을줍니다. 내용은 사용자가 페이지 맨 위로 스크롤하는 경우에만 표시되므로 구성 요소의 ngInit에서 페이지 맨 위로 …

295 angular  typescript  angular2-routing  angular2-template  angular2-directives 

답변이 허용되는 답변 인 경우 확인 표시를 표시하려고합니다. template: `<div ngIf="answer.accepted">✔</div>` 하지만이 오류가 발생합니다. EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) 내가 뭘 잘못하고 있죠?

247 angular  angular2-template 

data attribute내에서 를 사용하려고 template하면 다음과 같이하십시오. <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 충돌 : 예외 : 템플릿 구문 분석 오류 : 'sectionvalue'에 알려진 기본 속성이 아니기 때문에 'sectionvalue'에 바인딩 할 수 없습니다 ( " ] data-sectionvalue = "{{section.value}}"> {{section.text}} …

229 angular  angular2-template 

<component></component>동적 클래스 속성을 구성 요소에 추가하는 방법을 모르지만 템플릿 html (component.html) 안에는 없습니다. 내가 찾은 유일한 해결책은 "ElementRef"기본 요소를 통해 항목을 수정하는 것입니다. 이 솔루션은 매우 간단한 작업을 수행하는 데 약간 복잡해 보입니다. 또 다른 문제는 CSS를 구성 요소 범위 외부에서 정의하여 구성 요소 캡슐화를 중단해야한다는 것입니다. 더 간단한 해결책이 …

190 angular  angular2-template 

Angular 2에서 동적 양식을 구현하려고합니다. 동적 양식에 삭제 및 취소와 같은 추가 기능을 추가했습니다. https://angular.io/docs/ts/latest/cookbook/dynamic-form.html 설명서를 따랐습니다. 코드를 약간 변경했습니다. 여기에 오류가 있습니다. 이 오류는 어떻게합니까? http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview 에서 전체 코드를 찾을 수 있습니다.이 코드 는 plunker에서 작동하지만 로컬 시스템에서는 작동하지 않습니다. HTML 코드 : <div> <form [formGroup]="form"> <div *ngFor="let question …

178 forms  angular  angular2-template  angular2-forms 

Angular 2 템플릿 내에서 이상한 할당 구문을 발견했습니다. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> 것으로 보인다 let-col와 let-car="rowData"두 개의 새로운 변수를 생성 col하고 car그이 후 템플릿 내부에 결합 될 수있다. 출처 : https://www.primefaces.org/primeng/#/datatable/templating 이 마법 let-*구문 은 무엇입니까 ? 어떻게 작동합니까? 차이점은 무엇이며 let-something그리고 let-something="something else"?

155 angular  angular2-template  primeng 

ng-container Angular 2 설명서에 언급되어 있지만 작동 방식과 사용 사례에 대한 설명은 없습니다. 그것은 특히에서 언급 ngPlural하고 ngSwitch지시. <ng-container>와 같은 작업을 수행 합니까 <template>, 또는 명령 중 하나를 사용하도록 지시문을 작성했는지 여부에 따라 다릅니다. 아르 <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> 과 <template [ngPluralCase]="'=0'">there is nothing</template> 동일해야합니까? 우리는 그들 중 하나를 어떻게 …

150 angular  typescript  angular2-template 

private컴포넌트 클래스에서 변수가 선언 된 경우 해당 컴포넌트의 템플리트에서 변수 에 액세스 할 수 있어야합니까? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared as private …

143 typescript  angular  angular2-template 

Angular2 Final 릴리스 (2.1.0)를 사용하고 있습니다. 회사 목록을 표시하고 싶을 때이 오류가 발생했습니다. 에서 file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; 에서 file.component.html: <tbody> <tr *ngFor="let item of companies; let i =index"> …

129 angular  angular2-template 

문자열의 길이를 숫자로 제한 할 수있는 방법이 있습니까? 예 : 제목 길이를 20으로 제한해야합니다 {{ data.title }}. 길이를 제한하는 파이프 나 필터가 있습니까?

126 angular  angular2-template 

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 

이 시나리오에서는 다음을 사용하여보기에 학생 목록 (배열)을 표시합니다 ngFor. <li *ngFor="#student of students">{{student.name}}</li> 다른 학생을 목록에 추가 할 때마다 업데이트되는 것이 멋집니다. 그러나, 나는 그것을 줄 때 pipe까지 filter학생의 이름으로, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> 필터링 학생 이름 필드에 무언가를 입력 할 때까지 목록을 업데이트하지 않습니다. 여기에 plnkr …

113 angular  angular2-template  angular2-directives  angular-pipe 

angular2 에서 [disable]속성이 있는 버튼을 비활성화 할 수 있다는 것을 알고 있습니다 . 예를 들면 다음과 같습니다. <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> 하지만 [ngClass]또는 사용하여 할 수 [ngStyle]있습니까? 이렇게 : <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> 감사.

113 html  angular  angular2-template  angular2-forms 

내 Angular 2 구성 요소에는 Observable 배열이 있습니다. list$: Observable<any[]>; 내 템플릿에는 <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> 그러나 Observable 배열의 경우 list $ .length는 작동하지 않습니다. 최신 정보: 그것은 그 보인다 길이는? | (비동기 목록을 $) : 우리에게 길이를 …

109 angular  observable  angular2-template  angular2-services