sourcejob

Angular 애니메이션의 목적은 무엇입니까? 저는 왜 CSS 애니메이션보다 Angular 애니메이션을 사용해야 하는지에 대해 오랫동안 생각해 왔습니다.사용하기 전에 고려해야 할 몇 가지 영역이 있습니다. 성능 첫 번째 단계에서 저는 일의 수행 측면만을 다루는 이 질문을 발견했습니다.다른 스레드에서 애니메이션을 실행하는 것과 같은 최적화가 적용될 수 있도록 가능한 한 CSS 애니메이션을 사용해야 한다고 명시되어 있기 때문에 수락된 답변은 저에게 만족스럽지 않습니다.이것은 사실이 아닌 것 같습니다. 앵글 문서에는 다음과 같이 나와 있습니다. 각진 애니메이션은 표준 웹 애니메이션 API 위에 구축되며 이를 지원하는 브라우저에서 기본적으로 실행됩니다. (내 것이 아님) 그리고 웹 애니메이션 API 초안을 보면..

각도 형식 필드를 수동으로 유효하지 않게 설정하려면 어떻게 해야 합니까? 로그인 양식을 작성하고 있으며 사용자가 잘못된 자격 증명을 입력하면 전자 메일 및 암호 필드를 모두 잘못된 것으로 표시하고 로그인 실패 메시지를 표시합니다.관찰 가능한 콜백에서 이러한 필드를 비활성화하려면 어떻게 해야 합니까? 템플릿: The email address or password is invalid. Remember Me Forgot Password? SIGN IN Don't have an account? Click here to create one 로그인 방법: @ViewChild('loginForm') loginForm: HTMLFormElement; private login(formData: any): void { t..

Angular2 폼 태그 내에서 fgModel을 사용하는 경우 이름 속성을 설정하거나 폼을 설정해야 합니다. Angular 2에서 이 오류가 발생했습니다. core.umd.js:5995 예외:잡히지 않음(약속):오류: 다음으로 인해 app/model_exposure_curones/model_exposure_curones.component.html:57:18에 오류가 발생했습니다. ngModel을 폼 태그 내에서 사용하는 경우 이름 특성을 설정하거나 폼 컨트롤을 ngModelOptions에서 '독립 실행형'으로 정의해야 합니다. 예 1: 예 2: 폼 태그 사용 방법은 다음과 같습니다. ngForm을 사용할 경우 다음을 포함하는 모든 입력 필드[(ngModel)]=""값이 있는 특성 이름을 사용해야 합니다...

Angular 2: 브라우저를 통해 새로 고칠 때 404 오류가 발생합니다. 이 질문에는 이미 다음과 같은 답이 있습니다. Angular 2.0 라우터가 브라우저를 다시 로드하는 데 작동하지 않음 (33개 답변) 마감됨6년 전에. 단일 페이지 응용프로그램을 "myapp"이라는 폴더 내의 서버에 저장했습니다.베이스의 URL을 http://example.com/myapp/ '로 변경하였습니다. 제 프로젝트는 두 페이지입니다.그래서 저는 Angular 2 라우팅을 구현합니다.기본 페이지를 로그인으로 설정했습니다.가 때할력을 치면.http://example.com/myapp/으로 " 브우저에자리로디됩니다션렉동으서내라다니▁automatic됩▁redirect▁in▁will션"로 리디렉션됩니다.http://examp..

@*ngIf에서 자식 보기 질문. 가장 우아한 방법은 무엇입니까?@ViewChild템플릿의 해당 요소가 표시된 후? 다음은 예입니다.플런커도 사용할 수 있습니다. Component.template.html: Component.component.ts: export class AppComponent { display = false; @ViewChild('contentPlaceholder', { read: ViewContainerRef }) viewContainerRef; show() { this.display = true; console.log(this.viewContainerRef); // undefined setTimeout(() => { console.log(this.viewContainerRef); ..

각도 재료의 기본 정렬 - 머리글 정렬 아래의 Angular Material 코드를 변경하여 데이터 테이블이 기본적으로 '이름' 열로 정렬되도록 하려면 어떻게 해야 합니까?화살표(현재 정렬 방향을 나타냄)가 표시되어야 합니다. 이것이 제가 이루고 싶은 목표입니다. 원본 코드: Dessert (100g) Calories Fat (g) Carbs (g) Protein (g) {{dessert.name}} {{dessert.calories}} {{dessert.fat}} {{dessert.carbs}} {{dessert.protein}} 이와 같은 것을 시도해 보았지만 작동하지 않습니다(화살표가 표시되지 않고 정렬되지 않음 플런커 링크입니다.당신은 착각하고 있습니다.matSortStart위해서matSortDi..

페이지를 나가기 전에 저장하지 않은 변경 사항에 대해 사용자에게 경고 저는 사용자들이 제 각진 2 앱의 특정 페이지를 떠나기 전에 저장되지 않은 변경 사항에 대해 경고하고 싶습니다.일반적으로 사용합니다.window.onbeforeunload그러나 단일 페이지 응용 프로그램에서는 작동하지 않습니다. 각도 1에서, 당신은 그것에 걸 수 있습니다.$locationChangeStart토하기 위한 이벤트confirm사용자를 위한 상자이지만 각도 2에 대해 이 작업을 수행하는 방법이나 해당 이벤트가 아직 있는지 여부를 보여주는 것을 본 적이 없습니다.또한 AG1용 플러그인을 통해onbeforeunload하지만 다시 말하지만, 나는 그것을 ag2에 사용할 방법을 찾지 못했습니다. 저는 다른 사람이 이 문제에 대한 해..

생성자와 ngOnInit의 차이점 Angular는 수명 주기 후크를 제공합니다.ngOnInit결석으로 왜 그래야 합니까?ngOnInit만약 우리가 이미 가지고 있다면, 사용됩니다.constructor? 그Constructor클래스가 인스턴스화될 때 실행되는 클래스의 기본 메서드이며 클래스 및 하위 클래스의 필드를 올바르게 초기화합니다.Angular Injector 변수를 하고 생성자가 새때 "Dependency Injector(의존성 Injector)"를 합니다.new MyClass()생성자 매개 변수의 유형과 일치하는 공급자를 찾고, 이를 해결하여 생성자에게 전달합니다. new MyClass(someArg); ngOnInitAngular가 구성 요소 생성을 완료했음을 나타내기 위해 Angular에서 호..

Angular2 뷰 템플릿의 패스넘 angular2 뷰 템플릿에서 열거형을 사용할 수 있습니까? 문자열을 입력으로 전달합니다. enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } 그러나 열거형 구성을 전달하는 방법은 무엇입니까?템플릿에 다음과 같은 것이 필요합니다. 가장 좋은 방법은 무엇입니까? 편집됨: 예제를 만들었습니다. import {bootstrap} from 'angular2/platform/browser'; im..