angularjs질문 입니다

Question

angularjs 문제인제 자바스크립트 문제인제 어떤게 정확한 문제인지 모르겠지만 물어보겠습니다 ㅠㅠ jsp페이지에서 form 태그 안에 인풋박스 을 angularjs 컨트롤러로 보내고 그값을 초기화 하였습니다.인풋박스 안에 값은 초기화 되는데 다시 submit을 누르게 되면 그전에 값이 넘어가버리네요html js$scope.submitTest = function(content) { console.log(content); document.getElementById("submitTest").reset(); };

kmksk · Accepted Answer

angular 를 쓰면 $scope 에 object 가 생기고 input 과 1:1 매칭되는 맴버들이 생성됩니다. 이 object 와 input, 즉 화면과 동기화 되는것이 angular 의 핵심 기능이라고 볼수 있는데 angular 가이드를 보니..https://docs.angularjs.org/guide/forms이런식으로 되어있네요.. 한번 살펴보시고 적용해보세요.angular.copy({}); 는 빈 오브젝트({}) 를 복사 해주라는 뜻입니다.$scope.content &#61; {};그냥 이런식으로 사용해도 됩니다. 아래처럼 코드 수정해서 다시 해보세요.<input type&#61;&#34;text&#34; data-ng-model&#61;&#34;content.title&#34; placeholder&#61;&#34;내용을 입력하세요&#34; class&#61;&#34;title&#34;/>

kmksk · Answer

$scope.submitTest &#61; function(content) { console.log(content); document.getElementById(&#34;submitTest&#34;).reset(); $scope.content &#61; angular.copy({}); };이렇게 해보세요.

전코 · Answer

똑같이 안되네요 ㅠㅠ angular.copy({});가 뭐죠?

전코 · Answer

제가 질문을 잘못작성한것 같네요 ㅠㅠ document.getElementById(&#34;submitTest&#34;).reset();펑션 실행 후 저는 form 태그를 초기화를 시켰는데 초기화 시킨 상태에서 텍스트 박스엔 아무값도 없는데 초기화 시키기 전의 값이 찍히더군요답변해주셔요 감사합니다 ㅎㅎ

urbug2 · Answer

Reset을 통해서 form을 reset하였지Scope안의 content는 수정하지 않았기 때문이구요..Angular를 쓰시면 dom객체의 값을 angular를 통하지 않고 수정하시면 안되구요.Scope 안에 reset function을 하나 달아서 쓰세요..

전코 · Answer

아직 정확하게 이해 하지는 못했지만 더 알아보겠습니다 ㅎㅎ

angularjs질문 입니다

6개의 답변

Q&A 목록