홈>
배경 :
PlayFramework 를 사용하고 있습니다. http://scalatra.org/guides/2.4/views/twirl.html "rel ="nofollow noreferrer ">템플릿 엔진 (스칼라 기반)으로 내보기를 만듭니다.
문제 :
서로 다른 JS 파일에서 나중에 작업을 수행 할 템플릿 (HTML을 렌더링하는) 내에 JavaScript 변수를 저장해야합니다.
기존 솔루션이 있습니까?
이것은 내가 찾은SO질문에 따라 수행 할 수 있습니다 :
<올>이 는 데이터가 나중에 저장되는지도를 만듭니다. 검색했습니다.
이것 나중에 사용할 수 있도록 변수를 인라인 스크립트 태그에 저장하는 간단한 예를 만듭니다
마지막으로 이 는보다 구체적인 데이터 저장 예를 사용합니다. 템플릿의 데이터 구조에서 구문 분석 후 JS의 데이터 구조에 액세스합니다.
액티브 SO 기고자 Biesior 가 만든이 예제는 많은 개발자들이 Play! 프레임 워크 질문
무엇을해야하는지요약하려면 :
<올>
@(myData: DataObject)
- JS 이름으로 스크립트 태그에 전달 된 데이터 추가
<html>
<body>
<script>
let someJSDataName = @myData
</script>
</body>
</html>
- JS/Chrome 개발자 콘솔에서 사용
someJSDataName.toString
이에 결과가 표시되어야합니다!
하지만 문제가 무엇입니까?
내가 보여 드리겠습니다.
렌더링 된 HTML :
//...
<div class="BoxMediumBlue" style="padding: 20px;">
<script>
let facultyDepartments = {Science=[Computer Science, Physics], Biology=[Zooology]};
</script>
<br>
<div class="container-heading">
//...
내 Chrome 개발자 콘솔에서이 데이터에 액세스하려고 할 때 :
facultyDepartments
VM1209:1 Uncaught ReferenceError: facultyDepartments is not defined
at <anonymous>:1:1
var
를 사용하는 FYI
차이가 없다
내가 잘못하고 있는가?
- 답변 # 1
관련 자료
- 전역 적으로 정의 할 때이 변수가 정의되지 않은 이유는 무엇입니까? (자바 스크립트, p5js)
- c - if 조건부 내부의 for 루프 내부에 정의 된 변수의 범위를 변경하여 외부에서 사용하는 방법은 무엇입니까?
- 변수에 값을 저장하는 JavaScript로 정규식
- python - viewspy에서 사용하기 위해 Django에 JavaScript 변수를 보내는 방법
- 내가 만든 변수를 포함하는 동안 자바 스크립트에서 HTML을 반환하는 방법은 무엇입니까?
- 잘못된 변수 이름 오류 또는 SPSS의 이전 명령으로 정의되지 않음 (구문 사용)
- Javascript Jquery 내에서 PHP 변수 호출
- 자바 스크립트 변수를 사용하여 jQuery Datepicker에서 yearRange를 설정할 수 있습니까?
- python - 플라스크에서 자바 스크립트로 변수 호출 및 for 루프 사용
- JavaScript loop appending data to formData - formdata에 데이터를 추가하는 javascript 루프 - formdata의 각 루프와 동일하게 표시되는 증분 변수
- 자바 스크립트 객체 값 변수
- JavaScript를 사용하여 양식을 제출할 때 사용자로부터 수량 변수를 얻으려면 어떻게해야합니까?
- destructuring - 변수에 속성 이름이있는 Javascript 객체 구조 해제
- 인라인 자바 스크립트에서 HTML 버튼이 작동하지 않음
- Scala의 변수에 아직 정의되지 않은 함수를 저장할 수 있습니까?
- JavaScript 변수로 HTML 입력
- 컨트롤러의 사용자 정의 변수를 Laravel의 블레이드로 어떻게 전달합니까?
- function - 따옴표가있는 Javascript 변수 표시
- javascript - 이름으로 변수 값을 얻는 방법
- Typescript let 키워드와 정의되지 않은 유형 변수 차이
관련 질문
- javascript : 사용자가 내 웹 사이트에 가입하지 않은 경우 스크립트 표시 링크가 필요합니다.
- javascript : Shopify에서 JS로 헤더 카트에 수량을 추가하는 방법은 무엇입니까?
- javascript : 행 현명한 테이블에 json을 반복하는 방법
- javascript : jquery에서 값을 재설정하는 방법은 확인란을 재설정 /선택 취소합니까?
- javascript : 단계에 대한 규칙으로 숫자 입력 증가
- javascript : jQuery에서 var 번호를 변경 한 후 {} 함수를 트리거하는 방법은 무엇입니까? 문서 준비 만 실행하는 것보다
- javascript : 다른 스크롤 위치에서 다른 헤더 스타일 변경
- javascript : 페이지가 완전히로드 된 후 로딩 gif를 수정하려면 어떻게해야합니까?
- javascript : 한 div에 클래스를 추가하고 다른 div에서 제거하는 방법은 무엇입니까?
- javascript : 부트 스트랩 다중 선택-옵션으로 버튼 추가
facultyDepartments
의 정의 JS 엔진이 이해하지 못하는 구문을 사용합니다 :객체는 키와 값이
).:
로 구분되는 키-값 쌍을 포함해야합니다. s 및 문자열과 키가"
와 같은 구분 기호를 갖는 경우 또는'
. 대신 템플릿을 JSON으로 렌더링하도록 시도해야합니다 (예 :(JSON은 기술적으로문자열을 형식화하는 방법이지만 구분 기호없이 JSON 문자열을 삽입하여 객체 리터럴로 구문 분석되도록합니다)