Angular 앱- 11. Feedback 기능 추가하기

Angular 앱- 11. Feedback 기능 추가하기

 

이번 포스팅에서는 피드백 기능을 추가해보자. 

 

여기서는 ng-show 를 이용해서 특정 조건이 true 인경우에만 보여지도록 설정한다. 

그리고 feedback 의 경우도 json 데이터파일에 있는 내용을 호출해서 사용할수 있게 변경한다. 

Continue 버튼 구현하기 

Continue 버튼을 누르면 다음 문제로 넘어가야한다. 이를 위해서 selectContinue() 함수를 호출하고, 함수내에서 activeQuestion을 증가시켜주면 된다. 

selectContinue() function in quiz.js

실행

 

incorrect

correct

feedback 있는 문제만 correct / incorrect 와 feedback 을 함께 보여준다. 

 

현재는 마지막을 문제를 풀고나면 다음 처리 과정이 없어서 empty 화면에 나오고 더이상 진행되지 않는다. 다음 포스팅에서는 이부분에 대해서 추가한다. 

 

끝.