2016-10-21 5 views
1

이 질문이 너무 일반적인 경우 미리 사과드립니다.Angularjs 1.x의 복잡한 UI 처리를위한 모범 사례

시나리오 : 양식에는 다양한 구성 요소의 상태를 관리하는 일련의 복잡한 규칙이 있습니다.

임의 예 : 버튼 1이 비활성화되고 버튼 2가 활성화되어 있으면 입력 필드 1 요구되고 입력 필드 (2)가 'X'의 값을 가지며, 선택은 'Y'의 값을 갖는다.

이제 주어진 양식에 대해 후자의 예제가 필요합니다. 이 scneario의 경우 클라이언트 요구 사항으로 인해 레이아웃이나 흐름을 변경하여 양식의 동작을 단순화 할 수 없다고 가정 해 봅니다.

현재 위와 같은 scneario를 관리하기 위해 지시문 (ngDisable, ngRequired 등)과 컨트롤러 범위 정의 함수 (예 : ngChange='checkStateOfX()')의 조합을 사용합니다. 앞서 말한 접근 방식은 신속하게 관리하기 어려울 수 있습니다.

현재 사용하고있는 접근 방식과 다른 복잡한 UI 상호 작용 시나리오를 처리하는 모범 사례 또는 angularjs 프레임 워크/플러그인이 있습니까?

미리 감사드립니다.

답변

0

컨트롤러 기능을 사용하여 UI에서 조작 된 내용 (지시문 사용)을 지시하지 마십시오. 또한 가능한 경우 구성 요소 작성 (https://docs.angularjs.org/guide/component)으로 전환하십시오. 이 두 가지를하면 인생이 훨씬 쉬워 질 것입니다. ngDisablengIf의 사용은 항상 유용합니다 (경우에 따라 필요함).

관련 문제