source

AngularJS 클라이언트 측 데이터 바인딩 및 서버 측 템플릿 생성

gigabyte 2023. 2. 23. 22:51
반응형

AngularJS 클라이언트 측 데이터 바인딩 및 서버 측 템플릿 생성

AngularJS는 양방향 클라이언트 측 데이터 바인딩을 사용합니다(Angular에서).JS 개발자 가이드): 양방향 데이터 바인딩

서버측 템플릿 엔진과 Angular를 혼재시키는 것을 검토하고 있는 사람이 있습니까?JS 쌍방향 클라이언트 측 데이터 바인딩.다음과 같은 경우:혼합 데이터 바인딩

Angular를 사용할까 생각 중입니다.페이지의 일부(구성 요소)에 대해서만 JS를 사용할 수 있습니까?좋은 생각일까요?

유사한 접근법에 대한 경험이 있는지, 어떤 단점과 장점이 있는지 알고 싶습니다.

Angular는 완전한 UI 렌더링 클라이언트 프레임워크입니다.데이터를 여기에 입력하면 적절한 html이 렌더링됩니다.Angular 자체에는 어떤 서버에서도 완전히 분리된 템플릿 솔루션이 있습니다.

Angular 애플리케이션을 서버에 다시 연결하려고 합니다.작업이 많아지고 이점도 거의 없습니다.서버 테크놀로지를 전환할 수 없게 됩니다.다만, 각도가 높은 애플리케이션을 그대로 사용할 수 없게 됩니다.

기본적으로 서버가 JavaScript를 렌더링하는 것을 원하지 않는 것과 같은 이유로 이 작업을 수행하지 않습니다.지금까지 서버상에서 HTML을 렌더링해 왔기 때문에, 그다지 명확하지 않습니다.

중요한 것은 최종 결과입니다.UI가 올바르게 동작하고, 애플리케이션의 유지보수가 용이합니다.솔루션이 유지보수가 더 쉽다고 생각되면 그렇게 해야 합니다.JSON을 호스트하는 서버만 있는 스트레이트 HTML이나 JavaScript보다 유지보수가 훨씬 쉽다고는 상상하기 어렵습니다.

저도 당신과 같은 딜레마에 빠졌습니다.저는 SMARTY를 서버 사이드 템플릿 엔진으로 사용한 경험이 있고, 최근에는 Angular를 사용하기 시작했습니다.JS.

나는 완전 분리의 본질에서 두 가지 용액을 혼합하는 것이 적절하다고 생각한다.즉, 페이지의 일부를 양쪽 테크놀로지에 혼재시키지 않고, 양쪽의 테크놀로지를 개별적으로 사용합니다.

예를 들어 사용자가 전혀 조작하지 않는 목록 페이지가 있는 경우 서버 측 템플릿을 완벽하게 사용할 수 있습니다.

그러나 이 경우 페이지에 많은 조작과 사용자 측 상호작용이 수반되는 경우 Angular를 사용해야 합니다.

SPA(Single Page Application)를 사용하는 경우 서버 측 템플릿을 전혀 사용하지 마십시오.

최근에 만든 코르도바 앱에서는 일종의 믹스를 사용했습니다.폼, 리스트, 헤더, 메뉴 등의 콘텐츠를 각진 방법으로 수정하거나 RTE의 콘텐츠나 ngBindHtml 명령어로 추가한 템플릿을 변경하는 경우가 많습니다.클라이언트가 레이아웃을 변경하거나 현재 알려지지 않은 콘텐츠를 넣고 싶을 때 앱의 콘텐츠 페이지를 유연하게 만드는 것이 이면의 아이디어입니다.단, 앱을 쉽게 관리할 수 있다면(장기 전개/승인 프로세스가 필요 없음) 각도로(SEO를 염두에 두지 않고) 하는 것이 좋습니다.

언급URL : https://stackoverflow.com/questions/13103050/angularjs-client-side-data-binding-and-server-side-templating

반응형