SyntaxError : missing : after angularJs의 속성 ID

Question

저는 angularJs가 새로 왔습니다. 애플릿을로드하기위한 javascript가 있습니다. javascript에서 작동하지만 angleJs에 동일한 코드를 넣을 때 컴파일되지 않습니다. 내 스크립트가 실행되지 않습니다. 사용자 지정 지시문을 작성했지만 오류가 발생했습니다. SyntaxError : 누락 : 속성 ID 뒤 .

자바 스크립트 :

<div id="appletbox" class="photobox"> 
    <script src="https://www.java.com/js/deployJava.js"></script> 
    <script> 
     var attributes = { 
      id: "fingerCaptureApplet", 
      width: 140, 
      height: 140 
     }; 
     var parameters = { 
      jnlp_href: "fca/finger-capture-applet.jnlp" 
     }; 
     deployJava.runApplet(attributes, parameters, '1.7'); 
    </script> 
</div> 

사용자 지침 코드 : 바로하고 있어요 여부를

<div finger-scanner/> 

하십시오 :이 지시어를 사용하여

angular.module('some', ['ngRoute']) 
.directive('fingerScanner', function() { 
     return { 
      var attributes = { 
       id: "fingerCaptureApplet", 
       width: 140, 
       height: 140 
      }; 
      var parameters = { 
       jnlp_href: "fca/finger-capture-applet.jnlp" 
      }; 
      deployJava.runApplet(attributes, parameters, '1.7'); 
     }; 
    }); 

은 다음과 같다 방법 또는 뭐가 잘못 됐어. 감사합니다. .

Answer 1

당신은 객체를 반환하고 있습니다. 그러나, 당신은 그냥 deployJava 코드를 실행하려고하는 것 같습니다.

이 작업을 수행하려면, place your desired function in a link property :

은 교체 :와

return { 
    var attributes = { 
     id: "fingerCaptureApplet", 
     width: 140, 
     height: 140 
    }; 
    var parameters = { 
     jnlp_href: "fca/finger-capture-applet.jnlp" 
    }; 
    deployJava.runApplet(attributes, parameters, '1.7'); 
}; 

:

return { 
    link: function(){ 
     var attributes = { 
      id: "fingerCaptureApplet", 
      width: 140, 
      height: 140 
     }; 
     var parameters = { 
      jnlp_href: "fca/finger-capture-applet.jnlp" 
     }; 
     deployJava.runApplet(attributes, parameters, '1.7'); 
    } 
}; 

Answer 2

나는 수익은 사용자 정의 지시어에서 잘못 생각합니다. 당신은 객체를 리턴하지만 당신과 같은 프로퍼티와 메소드를 포맷하면 일반적인 변수와 함수가됩니다. 객체의 경우 모든 속성은 키 값 쌍 (값이 다른 객체, 함수, 변수 등)인지를 기억하십시오. 다음과 같이 개체를 다시 포맷 해보십시오.

angular.module('some', ['ngRoute']) 
    .directive('fingerScanner', function() { 
     return { 
      attributes: { 
       id: "fingerCaptureApplet", 
       width: 140, 
       height: 140 
      }, 
      parameters: { 
       jnlp_href: "fca/finger-capture-applet.jnlp" 
      }, 
      appletResults: deployJava.runApplet(this.attributes, this.parameters, '1.7') 
     }; 
    });