2013-08-20 3 views
3

레일 및 AngularJS 좋은 일치 것 같습니다. 그러나 나는 데이터 바인딩과 관련하여 크게 혼란 스럽다. AngularJS는 범위를 통해 데이터를 제공하고 그 기준으로 내용을 생성합니다.언제 AngularJS의 데이터 바인딩을 사용하고 언제 레일

레일즈에서 나는 데이터가 레일즈를 통해 (내 경우와 같이) 제공되고 템플릿 언어 (erb)를 통해 뷰에 배치되는 경우 만 알고 있습니다. 따라서 웹 애플리케이션을 반응 적으로 만들고 동적 인 기능을 제공하고자하지만이 두 개념을 연결하는 방법을 알지 못합니다.

데이터 범위를 채우기 위해 AJAX 요청을 통해 AngularJS에서 데이터를 가져와야합니까? 여기서 일반적인 접근 방식은 무엇이며 Rails (ERB 템플릿)를 통한 데이터 바인딩과 AngularJS ({{ data.cookie }})를 통한 데이터 바인딩을 사용해야하는 경우는 무엇입니까?

답변

4

가능한 많은 조합이 있습니다. ERB 템플릿을 사용하여 angularJS 컨트롤이 DOM의 일부만을 제어하도록 할 수는 있지만 이것은 결코 우아한 방법은 아닙니다.

AngularJS에는 자체 템플릿 시스템이 있으므로 전체보기를 제어해야합니다. Rails + AngularJS로 작업하는 경우 ERB를 잊어 버릴 수 있습니다. 예, 데이터 범위를 채우기 위해 AJAX 요청을 통해 AngularJS에서 데이터를 가져와야합니다. AngularJS에는 서버와의 통신을 처리하는 솔루션이 내장되어 있습니다.

알아 차릴 수있는 것처럼 AngularJS는 완전한 독립형 프론트 엔드 프레임 워크입니다. 우아한 방법은 AngularJS < -> REST < -> Rails입니다.

+0

감사합니다, 당신의 게시물을 분명히했다. 그것은 명백합니다. 그러나 나는 마지막 연결을 놓쳤습니다! –

+0

@ davidb583 "AngularJS에는 서버와의 통신을 처리하는 솔루션이 내장되어 있습니다." json api에 대해 이야기하고 있습니까? 아니면 데이터베이스와 3 방향 데이터 바인딩을 의미합니까? 어느 쪽이든, 우리를 특정 장소로 ​​안내 할 수 있습니까? 덕분에 – ahnbizcad

+0

@ gwho 여기에 http의 공식 문서가 있습니다. 그것은 아무런 의견이 없기 때문에 어떤 종류의 요청도 처리 할 수 ​​있습니다. https://docs.angularjs.org/api/ng/service/$http – bdavidxyz

1

각도에 대한 데이터를 얻을 수있는 경로에서 API 범위를 만듭니다. 두 가지 기술로 작업 할 때 Rails와 Views의 조합은 잊어 버리십시오. 각도가보기를 처리합니다.

여기 두 기술을 결합 약간의 튜토리얼입니다, 나는 당신이 그것을 이해하는 데 도움이 될 것입니다 생각 : Tutorial

+0

소원을 알고 싶습니다. – ahnbizcad

관련 문제