사용자가 ID를 입력 할 텍스트 입력 필드가 있다고 가정 해 보겠습니다. 그 후 사용자는 확인을 위해 "추가"버튼을 클릭 할 수 있습니다. 버튼을 클릭하면 내 서버로 요청을 보내고 "이름"을 가져 오려고합니다. 그런 다음 텍스트 입력 필드를 비활성화하고 "추가"버튼을 숨기고 "추가"버튼을 사용했던 숫자 입력 필드를 표시하려고합니다.동적 입력 필드를 설정하는 각도 방법은 무엇입니까?
어떻게 이것을 각도로 구조화할까요? Angular를 사용하기 시작했고 개념에 익숙하지만 문제를 올바르게 생각하고 있습니다.
이렇게하려면 ng-show, ng-hide, ng-disabled 및 ng-click을 사용해야합니다.
기억해야 할 점은 컨트롤러에서 DOM을 직접 편집해서는 안된다는 것입니다. 기존 지시문을 사용하거나 자신 만의 지시문을 만들어야합니다. 이 경우 이미 필요한 것은 모두 있어야합니다.
당신은 같은 것을 수행해야합니다 컨트롤러에서
<input type="text" ng-model="textValue" ng-disabled="numberValue">
<button ng-hide="numberValue" ng-click="sendData">Send</button>
<input type="number" ng-model="numberValue" ng-show="numberValue">
을, 당신은 같이 sendData 방법으로 서버를 호출하고 numberData 속성에 결과를 할당합니다. 데이터를로드하는 동안 버튼을 비활성화하려면 서버에 대한 호출을 시작할 때 true로 설정된 두 번째 속성을 추가하고 요청의 콜백 메소드에서 false로 설정합니다. 그런 다음 버튼에 해당 속성에 ng-disabled를 추가합니다.
++는 다시 읽습니다. 필자는이 작업에 대해 사용자 지정 지시문을 작성하여 복잡한 작업을 수행하려고했습니다. – coolio
당신은 아마도 'ng-click'과 같은 것을 사용하여 현재 범위에서 당신을 위해 일하는 방법을 트리거 할 수 있습니다 -하지만 더 구체적인 문제를 도울 수 있도록 스스로 시도한 것을 보여줄 수 있습니까? – Florian