반응형

angular 19

Angular2의 일부 div에서 모든 입력을 읽기만 하는 방법?

Angular2의 일부 div에서 모든 입력을 읽기만 하는 방법? 입력 내용이 많은 페이지가 있는데 만들고 싶습니다.'readOnly' 다음과 같은 해결책이 있습니다.Angular2 Type 스크립트에서 HTML 요소 읽기 전용 및 필수 속성을 변경하는 방법은 무엇입니까? 하지만 모든 입력에 대해 따로 하고 싶지는 않습니다. 추가하는 방법readOnly일부 div의 모든 입력에 대한 속성입니다.입력 필드에서 시도해 보십시오. [readonly]="true" 호프, 잘 될 겁니다.한 번에 하나의 필드가 아닌 전체 그룹을 수행하려면 HTML5를 사용할 수 있습니다.꼬리표를 매다 반응형 양식을 사용하는 경우, 전체 양식 또는 양식 그룹의 모든 하위 컨트롤 집합을 사용 불가능으로 설정할 수 있습니다.myForm..

programing 2023.09.26

각도 물질 대화상자에서 부모 구성요소로 데이터를 전달하는 방법?

각도 물질 대화상자에서 부모 구성요소로 데이터를 전달하는 방법? 각도 6을 사용하고 있는데 대화창이 열리는 버튼이 있습니다.제 대화 상자에는 사용자의 데이터를 가져오는 양식이 있고 그 다음에 제출하고 취소하는 두 개의 버튼이 있습니다.양식의 데이터를 콘솔에 표시하려고 했는데 정의되지 않은 상태로 반환됩니다. 무슨 문제가 있습니까?다음은 코드의 일부입니다. main.component.ts: import { Work } from '../../../../classes/work_shift'; import { DialogContentComponent} from './dialog-content/dialog-content.component'; export class WorkShiftsComponent implemen..

programing 2023.09.26

Angular 2 라우터(버전 3)를 사용하여 상대적으로 탐색

Angular 2 라우터(버전 3)를 사용하여 상대적으로 탐색 상대 탐색 방법/questions/123/step1로./questions/123/step2을 사용하는 구성 요소 내에서Router문자열 연결 및 지정 없이/questions/123/? 아래에 답변을 추가했습니다.더 좋은 답을 제안해 주세요. ;-) 더 좋은 방법이 있을 것 같습니다.조사를 좀 더 해본 후에 저는 우연히 발견하게 되었습니다. this.router.createUrlTree(['../step2'], {relativeTo: this.activatedRoute}); 그리고. this.router.navigate(['../step2'], {relativeTo: this.activatedRoute}); 첫 번째 접근 방식(Router.cr..

programing 2023.09.11

Angular2 클릭 요소 ID

Angular2 클릭 요소 ID 클릭 이벤트가 있습니다. 내 함수 입력 파라미터에서 이벤트를 잡고 있는데 정확히 어떤 버튼이 클릭되었는지 알고 싶습니다. toggle(event) { } 그렇지만event가 없습니다.id소유물. altKey: false bubbles: true button: 0 buttons: 0 cancelBubble: false cancelable: true clientX: 1198 clientY: 29 ctrlKey: false currentTarget: button#hdrbtn_notificaton.mdl-button.mdl-js-button.mdl-js-ripple-effect.mdl-button--icon defaultPrevented: false detail: 1 eventP..

programing 2023.09.06

Angular 5 및 재료 - 스낵바 구성 요소에서 배경색 변경 방법

Angular 5 및 재료 - 스낵바 구성 요소에서 배경색 변경 방법 저는 스낵바 구성 요소에서 배경을 변경해야 합니다.사용자에게 오류 또는 완료된 작업에 대해 경고하거나 알리기 위해 사용합니다. 프로젝트의 재료 버전입니다."@matrix/material": "^5.0.0-rc.1", 문서 https://material.angular.io/components/snack-bar/api 은 클래스를 변경하기 위한 api에 대해 설명합니다. panelClass: string | string[] 스낵바 컨테이너에 추가할 추가 CSS 클래스입니다. 이것이 제가 css 파일에 추가하는 것입니다. .mycsssnackbartest { background-color: blue; } 이것은 스낵바를 여는 코드입니다. t..

programing 2023.08.27

매트 탭 그룹을 사용하여 Angular 2 재료에서 매트 탭을 프로그래밍 방식으로 선택합니다.

매트 탭 그룹을 사용하여 Angular 2 재료에서 매트 탭을 프로그래밍 방식으로 선택합니다. 이벤트가 발생할 때 특정 탭을 선택하려면 어떻게 해야 합니까? 로 시도했습니다.[selectedIndex]="selectedTab"변경selectedTab탭 인덱스에 연결해야 하지만 탭이 로드된 후에는 작동하지 않는 것 같습니다.UPDATE (최신 앵글+소재 사용) 여러 가지 방법이 있습니다. 가능한 솔루션, 양방향 데이터 바인딩 사용 Tab Demo 1! Content 1 Content 2 Content 3 public demo1TabIndex = 1; public demo1BtnClick() { const tabCount = 3; this.demo1TabIndex = (this.demo1TabIndex + ..

programing 2023.08.22

MAC에서 /usr/local/lib/node_modules에 대한 쓰기 액세스가 누락됨

MAC에서 /usr/local/lib/node_modules에 대한 쓰기 액세스가 누락됨 Angular CLI를 설치하려고 하는데 /usr/local/lib/node_modules에 대한 쓰기 액세스가 누락되어 표시됩니다. Machine에서 수정하려면 시간이 걸릴 수 있지만 정확한 답변을 얻지 못합니다. npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, ..

programing 2023.08.07

정의되지 않은 'visitExpression' 속성을 읽을 수 없습니다.

정의되지 않은 'visitExpression' 속성을 읽을 수 없습니다. 시작 지점에 있는 제 각진 앱에서 다음과 같은 오류가 발생했습니다. 속성을 읽을 수 없습니다.visitExpression의undefined 무엇이 문제일까요?제 경우에는, 중복된 것입니다.,의 Routes 배열app.routing.ts. 사용할 수 있습니다.,[\s]*,경로에서 찾기 위한 정규식 검색 쿼리로, 두 쉼표 사이에 공백(0에서 여러 개)이 있는 경우 이를 찾습니다.제 경우 app.module.ts 파일의 ','였습니다. imports: [ BrowserModule, **AppRoutingModule,,** HttpClientModule, 다음으로 변경: imports: [ BrowserModule, **AppRouting..

programing 2023.08.07

Angular 2 라우터 이벤트 수신기

Angular 2 라우터 이벤트 수신기 Angular 2 라우터에서 상태 변화를 청취하는 방법은 무엇입니까? Angular 1.x에서 사용한 이벤트는 다음과 같습니다. $rootScope.$on('$stateChangeStart', function(event,toState,toParams,fromState,fromParams, options){ ... }) Angular 2에서 이 이벤트 수신기를 사용하면 다음과 같습니다. window.addEventListener("hashchange", () => {return console.log('ok')}, false); 'ok'를 반환하지 않고 JS에서 상태를 변경한 다음 브라우저 history.back() 함수만 실행됩니다. 라우터를 사용합니다.subscri..

programing 2023.08.02

ngOnInit와 ngAfterView의 차이점은 무엇입니까?Angular2의 시작?

ngOnInit와 ngAfterView의 차이점은 무엇입니까?Angular2의 시작? 사이에 무엇이 다른지 이해할 수 없습니다.ngOnInit그리고.ngAfterViewInit. 그들 사이의 유일한 차이점은@ViewChild다음 코드에 따르면,elementRef.nativeElement그들 안은 같습니다. 어떤 장면으로 할까요?ngAfterViewInit? @Component({ selector: 'my-child-view', template: ` {{hero}} ` }) export class ChildViewComponent { @Input() hero: string = 'Jack'; } ////////////////////// @Component({ selector: 'after-view', tem..

programing 2023.08.02
반응형