반응형

angular 17

Angular 2 + TypeScript로 배열을 복사합니다.

Angular 2 + TypeScript로 배열을 복사합니다. 나는 입력인 객체 배열을 가지고 있습니다.이쯤에서.content. 심층 복사를 시도해도 이전 배열에 대한 참조가 남아 있습니다. 저는 그 입력 배열을 복제하고, 복제된 부분의 속성 하나를 변경해야 합니다. 지금까지 저는 성공적이지 못한 다양한 방법들을 시도해 왔습니다. ES6 방식: public duplicateArray() { arr = [...this.content] arr.map((x) => {x.status = DEFAULT}); return this.content.concat(arr); } 그slice방법: public duplicateArray() { arr = this.content.slice(0); arr.map((x) => {..

bestsource 2023.09.26

각도 5 쿼리 매개변수 제거

각도 5 쿼리 매개변수 제거 URL에서 쿼리 매개 변수를 제거하려면 어떻게 해야 합니까? 예:www.expample.com/home?id=123&pos=sd&sd=iii로.www.expample.com/home?id=123&sd=iii 편집: 제 버전입니다. this.activatedRoute.queryParams.subscribe(c => { const params = Object.assign({}, c); delete params.dapp; this.router.navigate([], { relativeTo: this.activatedRoute, queryParams: params }); }).unsubscribe(); 다음을 사용하여 쿼리 매개 변수를 제거할 수 있습니다.merge옵션의queryPa..

bestsource 2023.09.16

Null 병합 연산자 각도 2

Null 병합 연산자 각도 2 각 2에서 null 병합 연산자(??)에 해당하는 것은 무엇입니까? C#에서 다음 작업을 수행할 수 있습니다. string str = name ?? FirstName ?? "First Name is null"; 병합은 다음을 통해 수행됩니다.||연산자, 즉. let str:string = name || FirstName || "name is null and FirstName is null"; 또한 이 질문을 읽고 자세한 내용과 설명을 확인할 수도 있습니다.입력 유형 스크립트 유형 스크립트에 버전과 null 병합이 도입되었습니다.3.7그래서 만약 당신이 계속 달리고 있다면.3.7또는 그 이상으로 간단하게 다음과 같이 쓸 수: const str = name ?? firstNam..

bestsource 2023.09.01

'object' 유형의 다른 지원 개체 '[objectObject]'을(를) 찾을 수 없습니다.NgFor는 어레이와 같은 반복 가능한 파일에 대한 바인딩만 지원합니다.

'object' 유형의 다른 지원 개체 '[objectObject]'을(를) 찾을 수 없습니다.NgFor는 어레이와 같은 반복 가능한 파일에 대한 바인딩만 지원합니다. 저는 비슷한 질문들을 보았지만, 아무도 저를 도와주지 않았습니다.나는 다음과 같은 물건을 받을 예정입니다. [ { "id": 1, "name": "Safa", "email": "neerupeeru@mail.ee", "purpose": "thesis", "programme": "Software Engineering", "year": 2016, "language": "Estonian", "comments": "In need of correcting a dangling participle.", "status": "RECEIVED" }, { "i..

bestsource 2023.08.27

왜 ngOnInit가 두 번 호출됩니까?

왜 ngOnInit가 두 번 호출됩니까? 새로운성구요만소합니다고들려를▁new,▁component▁create다합▁to▁i니를 만들려고 합니다.ResultComponent그러나 그것은ngOnInit()메소드가 두 번 호출되고 있는데 왜 이런 일이 일어나는지 모르겠어요. 에서코드,ResultComponent@Input 구성 요소에서mcq-component. 코드는 다음과 같습니다. 상위 구성요소(MCQ 구성요소) import { Component, OnInit } from '@angular/core'; @Component({ selector: 'mcq-component', template: ` ..... `, styles: [ ` .... ` ], providers: [AppService], directiv..

bestsource 2023.08.07

base 64 각도의 문자열 인코딩 및 디코딩(2+)

base 64 각도의 문자열 인코딩 및 디코딩(2+) base64로 각도 2에서 문자열을 인코딩하거나 디코딩하는 방법?프론트 엔드 툴은 Angular 2입니다.API에 전달하기 전에 비밀번호 문자열을 가지고 있었습니다. Base64 인코딩을 해야 합니다.서비스 Base64에서 인코딩된 문자열은 디코딩됩니다. 그래서 Angular2/Types 스크립트를 위한 base64 인코딩/디코드 라이브러리와 옵션을 찾고 있습니다. 감사합니다!!!함수를 사용하여 인코딩: console.log(btoa("password")); // cGFzc3dvcmQ= 디코딩하려면 다음 기능을 사용할 수 있습니다. console.log(atob("cGFzc3dvcmQ=")); // password 각도 12에서 시작btoa()그리고...

bestsource 2023.07.28

반응형의 양방향 바인딩

반응형의 양방향 바인딩 Angular 2를 사용하면 템플릿 기반 양식에서 양방향 바인딩이 쉬워집니다. 바나나 상자 구문만 사용하면 됩니다.모델 중심의 형태로 이 동작을 어떻게 복제하시겠습니까? 예를 들어, 여기 표준 반응형이 있습니다.다양한 입력과 비즈니스 논리로 보기보다 훨씬 복잡하며, 따라서 템플릿 중심 접근 방식보다 모델 중심 접근 방식에 더 적합하다고 가정해 보겠습니다. export class ExampleModel { public name: string; // ... lots of other inputs } @Component({ template: ` ... lots of other inputs Example values: {{example | json}} ` }) export class Exa..

bestsource 2023.07.28

Angular - 구성 요소에서 module.id 의 의미는 무엇입니까?

Angular - 구성 요소에서 module.id 의 의미는 무엇입니까? Angular 앱에서 저는 그것을 보았습니다.@Component이 재이있습다입니다.moduleId은 무슨뜻입니까?그것은 무엇을 뜻하나요? 그리고 언제module.id어디에도 정의되어 있지 않으며, 앱은 여전히 작동합니다.어떻게 아직도 작동합니까? @Component({ moduleId: module.id, selector: 'ng-app', templateUrl: 'app.component.html', styleUrls: ['app.component.css'], directives: [AppComponent] }); Angular의 베타 릴리스(버전 2-alpha.51 이후)는 templateUrl 및 styleUrls와 같은 구성..

bestsource 2023.05.29

각 2의 ngClass 내부 동적 클래스 이름

각 2의 ngClass 내부 동적 클래스 이름 내부의 값을 보간해야 합니다.ngClass표현은 하는데 작동이 안 돼요. 제가 이해할 수 있는 유일한 해결책을 시도했지만, 이 두 가지는 보간법으로 실패했습니다. 이 문자열은 보간법과 함께 작동하지만 전체 문자열이 클래스로 추가되기 때문에 동적으로 추가된 클래스에서 실패합니다. 그래서 제 질문은 동적 클래스 이름을 어떻게 사용하는지입니다.ngClass이렇게요?해라 대신. 또는 아니 심지어는 효과는 있지만 사용의 추가적인 이점ngClass는 그것입니다.다른 메서드에 의해 추가된 다른 클래스를 덮어쓰지 않습니다(예: [class.xyz]디렉티브 또는 class속성 등)으로 class한다. Angular 9 업데이트 새로운 컴파일러인 Ivy는 동일한 요소에 다른 ..

bestsource 2023.05.24
반응형