angular.js - 제목이 한 문장으로 쓰기에는 너무 어렵습니다. 과거의 영웅들에게 와서 자세히 살펴보시기 바랍니다.

Question

1. Angular의 초보자로서 기본 지식을 활용하여 SPA를 만들고 싶고, 인터넷에서 영감을 얻은 레시피 웹사이트를 만들고 싶습니다.

2. 대략적인 아이디어는 단일 페이지, 2열입니다. 왼쪽 열은 요리 이름 목록이고 오른쪽 열은 재료와 단계입니다. 왼쪽 목록의 내용을 클릭하면 두 항목에 해당하는 오른쪽 열이 부분적으로 새로 고쳐집니다.

3. 처음에는 왼쪽 열과 오른쪽 열에 각각 하나의 컨트롤러를 갖고 싶습니다. 왼쪽 열은 PHP 파일(ID {1, 2, 3...}/접시 이름)을 읽고 반복합니다. 오른쪽 열은 다른 PHP 파일(ID/요리 이름/재료 {1, 2, 3..}/레시피 단계 {1, 2, 3...})을 읽고, 왼쪽과 오른쪽 열은 라우팅으로 연결됩니다. 그러면 더 이상 아무것도 없습니다.

솔직히 두 컨트롤러 사이에 라우팅을 적용하는 방법을 잘 이해하지 못해서 퍼블릭 뷰 템플릿을 오른쪽 열의 다른 메뉴에 어떻게 사용하면 되는지 고민만 했는데요. 누가 나에게 지도를 좀 해줄 수 있나요? 무술 실력을 포기하고 가장 좋은 곳이 어디인지 다시 배워야 할까요?

Answer 1

이것은 angle1의 입문 데모가 아닌가요?

Answer 2

오른쪽은 DOM에 데이터를 바인딩하고, 왼쪽은 선택 시 데이터를 변경하면 됩니다.