2013-12-03 3 views
0

The fiddle works : 로컬 드라이브의 동일한 코드가 "Hello World"템플릿을 렌더링하지 않습니다. 스크립트 태그 대신 코드를 붙여 넣고 a.js 파일과 함께 동일한 릴리스를 다운로드하려고했습니다. 어느 쪽도 도움이되지 않았고 나는 ui 라우터가 내가 무엇을 하던지 로딩하고 있다고 생각하지 않는다. 나는 정말로 바이올린에서 벗어나 실제 앱을 만들기를 바라고 있습니다. 나의 최근 시도의 스냅 샷. a.js ResultUI 라우터의 Hello World는 로컬 드라이브가 아니라 피들이지만, 왜 작동합니까?

myApp

Reference & Credits

EDIT (초보자가 주를 가지고) : 광산처럼 벤 슈워츠 튜토리얼 ui.state를 사용합니다. ui.router는 v0.0.1, ui.router는 v0.2.0 (현재 버전) : difference between

답변

2

보안 제한 사항으로 인해 "file"을 통해 파일에 액세스 할 때 브라우저가 javascript를 실행하지 않습니다. : // ". 당신은 로컬 dev에 서버 (노드와 같은)를 실행하고 그것을 통해 파일에 액세스해야합니다. angular tutorial에는 서버 설정에 대한 정보가 있습니다.

+0

크리스가 답장을 보내 주셔서 감사합니다. 브라우저는 자신의 컨트롤러에서 오는 지시문과 데이터를 인식합니다. Ui-router가 다른 점이 무엇일까요? 필자는 MyController를 사용하여 "file : //"을 통해 액세스하는 자바 스크립트처럼 들리는 안녕하세요 세계를 인쇄 할 수 있습니다. 나는 또한 시작 부분에 이것에 대한 언급이 없다는 것을 이상하게 보았다. 노드에 대한 언급없이 릴리즈를 다운로드합니다. 아마 너는 나를 더 편직시킬 수 있을까? – scalaGirl

0

"로컬 개발 서버를 실행해야합니다."피들에서 전환하는 것이 가장 쉬운 방법은 WEbstorm을 다운로드하여 사용하는 것입니다. 샘플 데모에서 모든 파일을 복사하고 Web Storm의 서버에서 실행되는 새 프로젝트를 만들었습니다. 또한 UI 라우터에 익숙해지고 오래된 튜토리얼을 건너 뛰는 방법으로 코드의 주석을 사용하는 것이 좋습니다. jsfiddle은 더 간단한 데모에서는 더 좋아지기 때문에 보통 여러 개의 파일을 필요로하는 코드를 표시하기위한 대시 보드가 필요합니다. 이러한 것들은 대부분의 프론트 엔드 개발자에게는 분명 할 수 있지만 다양한 도구에 익숙하지 않은 신규 사용자에게는 이해가되지 않을 수 있습니다.

관련 문제