2012-11-21 3 views
10

이 문제가 이미 해결 되었기를 바랍니다. PhoneGap은 AngularJS와 함께 작동합니까? 함께 사용하는 데 제약이 있습니까? 혜택/구덩이? 감사합니다AngularJS + PhoneGap

+1

AngularJS가 실제로 작동하고 Cordova와 잘 작동한다는 것은 분명히 분명합니다. NodeJS 백엔드와 Socket.IO를 사용하면 웹, 모바일 및 데스크톱 (AppJS)에 동일한 코드베이스를 배포하여 개발 시간을 크게 줄일 수 있습니다. –

답변

9

예.

저는 PhoneGap과 AngularJS를 사용하여 여러 응용 프로그램을 만들었습니다. 마법은 없습니다.

+0

고마워! 당신이 올바른지! 그것은 또한 AppJS와 함께 작동합니다 (기본적으로 WindowsJ/iOS 용 NodeJS를 백엔드로 사용하는 phonegap) –

+0

@AndrewRhyne 저는 phonegap과 angularjs에 익숙하지 않습니다. [http://briantford.com/blog/angular- phonegap.html)이 [자습서] (http://devgirl.org/2013/06/10/quick-start-guide-phonegap-and-angularjs)하지만 아무 것도 작동하지 않는 것 같았습니다 (그들은 Xcode/ios에서 작동했지만 안드로이드에서는 작동하지 않았습니다).) .. 누군가 안드로이드에 angularjs/phonegap의 전체 프로젝트를 가지고있는 레포 나를 가리킬 수 있습니까? 고마워! – abbood

+0

Phone Gap 3.3 및 AngularJS가 포함 된 Windows Phone 8 용 앱을 개발할 수 있습니까? Asi는 모바일 앱을 개발하려는 나의 첫 번째 시도입니다. 조회보기 태그에보기를로드 할 수 없습니다. –

3

PhoneGap은 네이티브 장치 브라우저 내에서 애플리케이션을 실행하기 때문에 AngularJS가 대상 플랫폼에서 지원되는 경우 PhoneGap에서 작동해야합니다.

+0

phonegap이 JS/HTML/CSS 용 웹 브라우저로 작동하고 백엔드를 노출하지 않습니까? Angular의 사용자 정의 HTML 속성이 PhoneGap에 문제를 일으킬 지 궁금합니다. –

+1

그게 문제가 아니어야합니다. 않는 한, 물론, 당신은 마법의 IE8 휴대 전화의 일종에 대한 응용 프로그램을 개발하고있어 :) –

3

Windows7에서 phonegap을 사용하여 angularjs가 작동하는 데 문제가 있습니다. 간단한 뻣뻣한 작동하지만 최대한 빨리 페이지 경로를 추가하려고으로 ...

[편집]

좋아. 그래서 윈도우 7/8에서 문제를 발견했습니다.

angle.js (1.0.3)의 matchUrl (url, obj) 함수에는 Windows Phone에서 비정상적인 접두어 또는 네임 스페이스 또는 보안 목적으로 호출 된 것이 무엇이든 사용하기 때문에 실패하는 정규식이 있습니다.

각도가 'http : //localhost/www/index.html'과 같은 URL을 예상하지만 Windows 전화에서는 'x-wmapp0 : www/index.html'과 같이 표시됩니다.

정규식을 고치려고했지만 XHR에서 나중에 오류가 발생합니다. 폰갭의 블로그에서

+0

일반적으로 IE에는 몇 가지 문제가있는 것으로 보입니다. 현재 해결 방법을 찾고 있습니다. 내가 뭔가를 찾으면 게시 할 것입니다. –

+0

재미있는 것은 IE9에서 작동합니다. 나는 wp7에서 인터넷 익스플로러 웹 브라우저로 시도해 보았지만 약간의 CSS 문제로도 작동한다. 그것은 어떤 웹 브라우저 phonegap이든간에 작동하지 않습니다. – Arran

+0

일을 관리 했습니까? – krtek

0

:
http://phonegap.com/blog/2013/07/31/phonegap-30-faq/

Q : 폰갭은 angular.js 잘 연주 하는가? 아니면 다른 프레임 워크입니까?

A : 물론 있습니다. PhoneGap은 앱이 HTML, CSS 및 JavaScript로 작성되는 방법을 지정하지 않습니다. 우리는 모든 프레임 워크와 잘 어울리고, 최근 Angular를 통해 많은 사람들이 저술했습니다.

1

현재 Phonegap 및 AngularJS 프로젝트를 진행 중입니다. 나는 다음과 같은 독서를 권합니다. 한시간에 원하는 것인지 결정하는 데 도움이됩니다.

http://briantford.com/blog/angular-phonegap.html는 당신이 웹 사이트의 성능과 구조를 가지고 있지만 그것은 조금 느린 것을 작은 결함입니다했다 드릴 것입니다

AngularJS와, 내가 경험이 말을

하고 때로는 모델이 걸릴 것으로 발생 식히기.

마찬가지로 Yeomen을 살펴 보는 것이 좋습니다. 저는 현재 발전기 angularJS phonegap에서 작업 중이며 이번 주말에 사용할 수 있기를 바랍니다.

관련

@gartox

+0

그 튜토리얼은 오래된 것입니다. 내 시간을 낭비했다. –

2

나는 (모두 참조) 브라이언 t 포드 기사 정말 config 파일이 인덱스에 대한 포인터를 포함하는 (포착하는 방법을 설명하지 않는 것으로 나타났습니다 .html 파일 및 기타 여러 가지 자산)가 있습니다. 그것에 대해 좋은 소식을 얻는 것이 좋을 것입니다.

0

예. http://ionicframework.com은 코르도바와 AngularJS를 통합 한 프레임 워크입니다.모든 것을 설정하려고하면 많은 시간을 절약 할 수 있습니다.

프레임 워크를 설치하려면 :

npm install -g cordova ionic 

새로운 빈을 만들려면 : 폰갭에서 사용할 수

ionic start myApp blank 

모든 옵션은 이온에서도 사용할 수 있습니다. 예를 들어,

ionic serve 

를 입력 할 수 있습니다 그리고 모바일 앱은 브라우저에서 바로 열립니다, 그리고 새로운 변화가 단지 폰갭에서처럼 파일을 만든 때마다 자동 업데이트.