lastcode

Angular의 경로를 기반으로 메타 설명을 동적으로 추가합니다. 저는 Angular 5를 사용하여 작은 브로셔 형태의 웹사이트를 만들고 있습니다.지금까지 제 경로를 설정해 두었고, 활성화된 경로에 따라 페이지 제목이 동적으로 바뀝니다.저는 이 블로그의 지침을 사용하여 이 작업을 수행하게 되었습니다. https://toddmotto.com/dynamic-page-titles-angular-2-router-events 현재 app.module.ts에 다음과 같이 경로와 제목을 저장하고 있습니다. imports: [ BrowserModule, RouterModule.forRoot([ { path: '', component: HomeComponent, data: { title: 'Home' } }, { pat..

파이프별 주문 발행 이 코드를 Angualr 1에서 Angular 2로 변환할 수 없습니다. ng-repeat="todo in todos | orderBy: 'completed'" 티에리 템플러의 대답에 따라 제가 한 일은 다음과 같습니다. 구성 요소 템플릿: *ngFor="#todo of todos | sort" 구성 요소 코드: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) 파이프 코드: import { Pipe } from "angular2/core"; import {Todo} from './todo'; @P..

각도 단위 테스트 입력 값 저는 유닛 테스트를 위해 공식 Angular2 문서를 읽고 있습니다(https://angular.io/docs/ts/latest/guide/testing.html) ). 하지만 구성 요소의 입력 필드 값을 설정하여 구성 요소 속성(bounding)에 반영되도록 하는 데 어려움을 겪고 있습니다.브라우저에서는 화면이 정상적으로 작동하지만 유닛 테스트에서는 필드 값을 설정할 수 없는 것 같습니다. 저는 아래 코드를 사용하고 있습니다.다른 테스트가 정상적으로 작동하므로 "filename"이 올바르게 초기화됩니다."comp"는 내 구성 요소의 인스턴스이며 입력 필드는 ngModel을 통해 "user.username"에 바인딩됩니다. it('should update model...', a..

클라이언트 측에서 JWT 인코딩 토큰 페이로드를 각도 있게 디코딩하는 방법은 무엇입니까? 저는 제 API에서 JWT로 인코딩된 액세스 토큰 하나를 응답으로 받고 있습니다.하지만 저는 그것을 디코딩하여 JSON 형식으로 가져올 수 없습니다.각진 2-jwt 라이브러리를 사용해 보았지만 작동하지 않았습니다.나는 아래에 내 코드를 쓰고 있습니다. setXAuthorizationToken(client){ let requestHeader = new Headers(); requestHeader.append('Content-Type', 'application/x-www-form-urlencoded'); this.http.post(client.clientURL + "oauth/token", 'grant_type=pass..

TypeScript를 사용하여 Angular 2 구성 요소에서 모델 클래스를 선언하려면 어떻게 해야 합니까? 저는 Angular 2와 TypeScript가 처음이고 모범 사례를 따르려고 노력하고 있습니다. 간단한 JavaScript 모델({ })을 사용하는 대신 TypeScript 클래스를 만들려고 합니다. 하지만 Angular 2는 그것을 좋아하지 않는 것 같습니다. 내 코드는: import { Component, Input } from "@angular/core"; @Component({ selector: "testWidget", template: "This is a test and {{model.param1}} is my param." }) export class testWidget { constr..

ngSubmit은 페이지를 Angular 2 형식으로 새로 고칩니다. 양식을 만들기 위해 Angular2 템플릿을 사용하고 있습니다. 버튼을 클릭하면 페이지가 새로 고쳐집니다. 제 검증은 잘 되고 있습니다. 사용자가 버튼을 클릭할 때 페이지 새로 고침을 중지하려면 어떻게 해야 합니까? 제가 사용하고 있는 HTML은 다음과 같습니다. Add Employee {{model | json}} {{EName.errors | json}} Employee Name Employee Name is required Age Sex Male Female Date of Joining Salary Designation -- Select -- {{designation.name}} Please select a proper desig..

Angular 2 날짜 입력이 날짜 값에 바인딩되지 않습니다. 폼을 설정하려고 하지만 어떤 이유로 인해 HTML의 날짜 입력이 [(ngModel)]을(를) 사용했음에도 불구하고 개체의 날짜 값에 바인딩되지 않습니다. html: 폼 구성요소: export class FormComponent { demoUser = new User(0, '', '', '', '', new Date(), '', 0, [], []); } 사용자 클래스: export class User { constructor ( public id: number, public email: string, public password: string, public firstName: string, public lastName: string, publi..

*ngIf를 사용하여 angular 2 템플릿에서 빈 객체를 확인하는 방법 내 개체가 비어 있는지 확인하고 싶습니다. 요소를 렌더링하지 마십시오. 다음은 내 코드입니다. {{ previous_info.title }} 하지만 제 코드가 틀렸습니다. 어떻게 하는 게 가장 좋을까요?이렇게 하면 원하는 작업을 수행할 수 있습니다. 또는 더 짧은 각각{}새 인스턴스를 생성합니다.====서로 다른 개체 인스턴스의 비교는 항상 결과적으로 발생합니다.false문자열로 변환될 때===의 결과.true 플런커 예제위의 답변에서, 다음은 효과가 없거나 선호도가 낮았습니다. (previous_info | json) != '{}'에 대해서만 작동함{}빈 상자, 용이 아님null또는undefined사례. Object.getOwn..

Angular/Angular-CLI 및 Node.js에 대한 호환성 목록이 있습니까? 저는 주기적으로 문제에 부딪혀 Angular 의존성이 더 이상 사용되지 않는 오래된 Angular 프로젝트를 스핀업해야 합니다. 저는 우연히 최신 Node.js 버전(최소한 최신 LTS 버전)을 실행하기 때문에 이전 프로젝트를 실행할 수 없다는 문제가 자주 발생했습니다.노드 버전 관리자를 사용하여 이 문제를 해결했지만 Angular Version X에 사용하기에 가장 좋은 Node.js 버전이 무엇인지 잘 모른다는 문제가 자주 발생합니다. 안타깝게도 공식 릴리스 노트는 이 주제를 초라하게 처리하고 진정한 도움이 되지 않습니다. 특히 어떤 앵귤러 버전을 더 이상 사용할 수 없는지 알고 싶다면... 어떤 Angular 버전..

각도 예외:알려진 기본 속성이 아니므로 'ngForIn'에 바인딩할 수 없습니다. 내가 뭘 잘못하고 있는 거지? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: ` {{talk.title}} by {{talk.speaker}} {{talk.description}} ` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-..