>

배경 :

PlayFramework 를 사용하고 있습니다. http://scalatra.org/guides/2.4/views/twirl.html "rel ="nofollow noreferrer ">템플릿 엔진 (스칼라 기반)으로 내보기를 만듭니다.

문제 :

서로 다른 JS 파일에서 나중에 작업을 수행 할 템플릿 (HTML을 렌더링하는) 내에 JavaScript 변수를 저장해야합니다.

기존 솔루션이 있습니까?

이것은 내가 찾은SO질문에 따라 수행 할 수 있습니다 :

<올>
  • 이 는 데이터가 나중에 저장되는지도를 만듭니다. 검색했습니다.

  • 이것 나중에 사용할 수 있도록 변수를 인라인 스크립트 태그에 저장하는 간단한 예를 만듭니다

  • 마지막으로 이 는보다 구체적인 데이터 저장 예를 사용합니다. 템플릿의 데이터 구조에서 구문 분석 후 JS의 데이터 구조에 액세스합니다.

  • 액티브 SO 기고자 Biesior 가 만든이 예제는 많은 개발자들이 Play! 프레임 워크 질문

    무엇을해야하는지요약하려면 :

    <올>
  • 일부 데이터를 템플릿으로 전달
  • @(myData: DataObject)
    
    

    1. JS 이름으로 스크립트 태그에 전달 된 데이터 추가

    <html>
      <body>
        <script>
          let someJSDataName = @myData
        </script>
      </body>
    </html>
    
    

    1. 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

      facultyDepartments 의 정의  JS 엔진이 이해하지 못하는 구문을 사용합니다 :

      let facultyDepartments = {Science=[Computer Science, Physics], Biology=[Zooology]};
      
      

      객체는 키와 값이 : 로 구분되는 키-값 쌍을 포함해야합니다. s 및 문자열과 키가 " 와 같은 구분 기호를 갖는 경우  또는 ' . 대신 템플릿을 JSON으로 렌더링하도록 시도해야합니다 (예 :

      ).

      let facultyDepartments = {"Science":["Computer Science", "Physics"], "Biology":["Zooology"]};
      console.log(facultyDepartments.Science);
      
      

      (JSON은 기술적으로문자열을 형식화하는 방법이지만 구분 기호없이 JSON 문자열을 삽입하여 객체 리터럴로 구문 분석되도록합니다)

    관련 자료

  • 이전 sql - like 연산자를 사용하여 숫자 범위를 가져 오는 방법
  • 다음 python - 장난감 신경 네트워크 또는 멋진 구불 구불 한 라인 생성기?