TEL. 053-453-6585
OPEN&CLOSE.  9:00~19:00
CLODED SHOP.  MONDAY
 
 
 

stepper 예제

2019年8月2日

스테퍼에는 단극성 및 양극성이라는 두 가지 유형이 있으며 작업중인 유형을 아는 것이 매우 중요합니다. 각 모터에 대해 다른 회로가 있습니다. 예제 코드는 두 종류의 모터를 제어합니다. 모터를 연결하는 방법에 대한 자세한 내용은 단극성 및 양극성 모터 회로도를 참조하십시오. 레거시 구성 요소의 HTML 템플릿은 이 간단한 예제와 비슷하게 보였습니다 https://github.com/srikanthmadasu/angular-material-stepper-example. 아두 이노 스테퍼 라이브러리를 사용하여 스테퍼 모터의 수를하고. 스테퍼는 단극 또는 양극성 모터에 대해 디지털 핀 8, 9, 10 및 11로 제어됩니다. 예를 들어 DB에 전자 메일이 있는지 확인하려면 다음 단추에 데이터 피드백 특성이 있는 피드백 함수를 정의할 수 있습니다. 참고 : 스테퍼 프로 초기화에 대해 잊지 마세요. 그래서 나는 내 연구를 계속하고 내가 찾고 있던 정확히 무엇 이었다 각도 재료 CDK 스테퍼우연히. 양식을 사용하지 않는 간단한 예제는 다음과 같은 방식으로 보일 수 있습니다 : 그래서 CdkStepper는 내가 찾고있던 바로 그 것이었습니다 : 내가 원하는 대로 디자인 할 수있는 잘 테스트 된 스테퍼 기능. 기본적으로, 단계(CdkStep)를 포함하고 주로 활성화된 단계를 관리하는 스테퍼와 CdkStepper의 각 단계의 상태를 관리하는 데 사용되는 CdkStep으로 구성된다.

스테퍼 모터는 독특한 설계로 인해 피드백 메커니즘없이 높은 수준의 정확도로 제어 할 수 있습니다. 일련의 자석으로 장착된 스테퍼의 샤프트는 특정 시퀀스에서 양극 및 음전하로 전하되는 일련의 전자기 코일에 의해 제어되며 작은 “단계”에서 앞뒤로 정확하게 이동합니다. 이 예제는 설정에서 정확히 1.5와 같지만 모터의 정확한 RPM을 지정할 수 있습니다. 버튼을 누르고 있는 한 모터를 그 속도로 회전시킵니다. 그리고 지금 우리는 이미 다른 구성 요소에 우리의 새로운 사용자 정의 Stepper구성 요소를 사용할 수 있습니다: 다음, 링크 된 자바 스크립트 파일 아래 스테퍼 파일을 추가. 등록-step1.component.html : 적절한 양식그룹, 양식그룹이름 및 양식 제어 특성을 가진 양식을 만들었습니다. 또한 `matStepperNext` 지시문을 사용하여 `다음` 버튼을 추가했습니다. 첫 번째 단계는 CdkStepper를 수정할 수 있도록 새 각도 구성 요소를 만드는 것이었습니다. 따라서 구성 요소는 CdkStepper에서 확장 해야 합니다. 다음 예제는 사용자 지정 CDK 스테퍼 구성 요소의 최소 구현: 당신은 또한 당신의 각도 모듈에 CdkStepperModule를 추가 해야: 공식 설명서에서 어떤 코드 예제를 제공 하지 않습니다 내가 만든 간단한 데모 프로젝트 Stackblitz에 다음 섹션에서 설명하고 싶습니다.

コメント