codeshow

ngIf - 확인 후 식이 변경되었습니다. 간단한 시나리오가 있긴 한데, 도저히 작동이 안 돼요! 내 보기에는 높이가 제한된 상자에 텍스트를 표시합니다. 서버에서 텍스트를 가져오는 중이므로 텍스트가 들어오면 보기가 업데이트됩니다. 이제 '확장' 버튼이 있습니다.ngIf상자에 있는 텍스트가 오버플로되어 있으면 버튼이 표시됩니다. 문제는 문자를 가져오면 문자가 바뀌기 때문에 '확장' 버튼의 상태가 다음으로 바뀐다는 것입니다.true앵글의 변화 감지가 끝난 후... 확인 후 식이 변경되었다는 오류가 나타납니다. 이전 값: 'false'입니다. 현재 값: 'true'입니다. 분명히 버튼에...라고 표시되지 않습니다. 이 플러그인 보기(콘솔에서 오류 확인...) 이걸 어떻게 만드는지 아세요?이 오류가 발생하는 이..

모듈 2개 사이에 구성 요소 공유 저는 당신을 포함하려고 노력하고 있습니다.Component2개의 모듈(부모 및 자녀)로 구성되어 있지만 프로세스에서 여러 가지 오류가 발생합니다. app.module.ts @NgModule({ declarations: [SharedComponent], exports: [SharedComponent]... }) 아이.module.ts @NgModule({ imports: [SharedComponent], //Unexpected directive imported by module }) 앱을 어린아이 content 비동기식 문제에서 자식 모듈을 로드하고 있습니다. loadChildren: 'app/child.module#ChildModule', 아닐때importing아니면de..

Angular의 객체를 복사합니다. AngularJS 가 가지고 있습니다.angular.copy()객체 및 배열을 심층 복사합니다. 앵귤러도 그런 거 있어요?다음을 사용할 수도 있습니다. JSON.parse(JSON.stringify(Object)) 사용자 범위에 있다면 모든 Angular 구성요소, 지시사항 등에 해당되며 모든 노드 환경에도 해당됩니다. 원형 참조가 없는 한, 이 참조는 작동해야 하며 원래 개체에 대한 변수 참조를 효과적으로 분리합니다.또 다른 옵션은 독자적인 기능을 구현하는 것입니다. /** * Returns a deep copy of the object */ public static deepCopy(oldObj: any) { var newObj = oldObj; if (oldObj ..

Angular 2 라우터.항법 경로 및 쿼리 매개 변수가 혼합된 Angular 2의 경로로 이동하려고 합니다. 경로가 경로의 마지막 부분인 경로의 예시는 다음과 같습니다. { path: ':foo/:bar/:baz/page', component: AComponent } 배열을 사용하여 다음과 같이 연결 시도: this.router.navigate(['foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams) 저는 어떤 오류도 발생하지 않고 있으며, 제가 이해할 수 있는 바로는 이것이 효과가 있을 것입니다. (현재) Angular 2 문서의 예는 다음과 같습니다. { path: 'hero/:id', component: Her..

Angular2의 열거형을 기준으로 선택합니다. 나는 다음과 같은 열거를 가지고 있습니다(나는 TypeScript를 사용하고 있습니다). export enum CountryCodeEnum { France = 1, Belgium = 2 } 다음과 같이 각 옵션에 대해 열거 정수 값을 값으로 하고 열거 텍스트를 레이블로 하는 선택 항목을 내 양식으로 작성하고자 합니다. France Belgium 이거 어떻게 해요?새 파이프를 생성하지 않으려면 한 가지 해결책을 더 제시합니다.헬퍼 속성에 키를 추출하여 사용할 수도 있습니다. @Component({ selector: 'my-app', providers: [], template: ` `, directives: [] }) export class App { coun..

공백/빈 공간의 유효성을 검사하는 방법은 무엇입니까?[각도 2] 각진 2 형태의 공백/공백을 피하고 싶습니다.가능합니까?이것이 어떻게 행해지는가?이를 처리할 사용자 정의 검증기를 생성할 수 있습니다. new FormControl(field.fieldValue || '', [Validators.required, this.noWhitespaceValidator]) 구성 요소에 noWhitespaceValidator 메서드 추가 public noWhitespaceValidator(control: FormControl) { return (control.value || '').trim().length? null : { 'whitespace': true }; } 그리고 HTML에서. Please enter vali..

하위 구성 요소에서 상위 구성 요소로 데이터를 전달하는 방법 각도 search_detail이라는 이름의 구성 요소가 있는데, 이 구성 요소 안에 calendar라는 이름의 다른 구성 요소가 있습니다. SearchDetail_component.html Date Cancel Ok Detail_component.ts 검색 import 'rxjs/add/observable/fromEvent'; @Component({ selector: 'searchDetail', templateUrl: './search_detail.component.html', moduleId: module.id }) Calendar.component.ts import { Component, Input} from '@angular/core'; ..

Angular2에서 다중 경로 매개변수 전달 아래와 같은 경로 매개변수를 여러 개 통과할 수 있습니까?id1그리고.id2에게component B @RouteConfig([ {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } ]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId", id2: "another ID"}]); } } OK 실수를 깨달았어요..그래야 한다./:id/:id2 어쨌든 이것은 튜토리얼이나 다른 StackOverflow 질문에서 발견되지 않았습니다. @RouteConfig([{path: '/component/:id/:id2',..

Angular2: 하위 구성 요소 액세스 상위 클래스 변수/함수 상위 구성 요소에 자식에 의해 변경될 수 있는 변수가 있습니다. 부모는 보기에서 이 변수를 사용하므로 변경 사항을 전파해야 합니다. import {Component, View} from 'angular2/core'; @Component({selector: 'parent'}) @View({ directives: [Child], template: `` }) class Parent { public sharedList = new Array(); constructor() { } } @Component({selector: 'child'}) @View({template: `...`}) class Child { constructor() { //access..

Angular2에서 폼 검증기를 트리거하는 방법 angular2에서 다른 컨트롤이 변경될 때 일부 컨트롤에 대해 Validator를 트리거하려고 합니다.양식에 재검증을 요청할 수 있는 방법이 있습니까?더 좋은 것은 특정 분야에 대한 유효성 검사를 요청할 수 있습니까? 예: 확인란 X와 P를 입력합니다.입력 P에는 X의 모형 값에 따라 다르게 동작하는 검증자가 있습니다.X를 선택/선택 해제하면 P에서 검증자를 호출해야 합니다.P의 검증자는 모형을 검토하여 X의 상태를 확인하고 그에 따라 P를 검증합니다. 다음 코드가 있습니다. constructor(builder: FormBuilder) { this.formData = { num: '', checkbox: false }; this.formGp = build..