jsf 페이지에서 AngularJS 사용하는 방법

JSF 페이지에서 사용할 AngularJS를 배우고 싶습니다. 이것은 순전히 학습 목적입니다. jsf 안에 AngularJS 코드를 추가하기 만했습니다. AngularJS 코드를 식별하지 못하는 것 같습니다. 브라우저에 동일한 My first expression: {{ 5 + 5 }}을 넣으면됩니다.jsf 페이지에서 AngularJS 사용하는 방법

내 JSF 페이지

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">  
    </script> 

    <body> 
     <div ng-app="hi" > 
     <p>My first expression: {{ 5 + 5 }}</p> 
     </div> 

    </body> 

</html>

사람이 어떻게 JSF 페이지 내에서 AngularJS와 표현의 출력을 얻을하는 데 도움이 수 있습니까? 또는 나에게 UPDATE

내 실제 의도는 Managebean에서 또는 다른 JSF 페이지에서 일부 JSON을 얻고 여기에 채울 일부 방향

을 보여줍니다. 하지만 테스트를 위해 더미 json 구조를 만들려고했습니다. 그러나 여전히 jsf는 AngularJS 구성 요소를 식별하지 못합니다. 각 해당 이름을 가진 모듈을 존재가 필요 ng-app="hi"을 초기화하기 위해 {{5 + 5}} 브라우저 콘솔 인쇄 MyFirstAng.xhtml:24 Uncaught TypeError: app.conntroller is not a function

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 

<body> 
<div ng-app="myAPP" ng-controller="customerctrl">  
<p>My first expression: {{ 5 + 5 }}</p> 

<!-- <ul> 
<li ng-repeat="x in myData"> 
{{x.Name + ', ' + x.Age}} 
</li> 
</ul> 
--> 

</div>  
</body>  
<SCRIPT type="text/javascript"> 

    var app = angular.module('myAPP',[]); 
    app.conntroller('customerctrl', function($scope){ 

     // $scope.myData=[{Name:'jani',Age:'32'}]; 
    }); 

</SCRIPT> 
</html>

출처

2016-07-31 ever alian

여기서'hi' 모듈은 정의되어 있습니까? 색인 페이지에 추가 했습니까? – Rachmaninoff

: 그것은 단순히 내 첫 번째 표현식을 인쇄합니다. 그렇지 않으면 브라우저의 dev 도구 콘솔에 예외가 발생합니다.

중 하나를 자바 스크립트 애플리케이션

을 개발할 때 해당 이름을 가진 모듈을 포함 콘솔 오류를 참고하거나 속성에서 이름을 제거하고 단지 ng-app

출처

2016-07-31 11:22:29 charlietfl

'메시지 오류 분석 /angular/MyFirstAng.xhtml : 오류 추적 [행 : 7] 요소 유형 "div"와 연결된 속성 이름 "ng-app"뒤에 '='문자가 와야합니다. ng-app 속성 값을 제거합니다. –

을 사용하여 어느 스크립트에서이

var app = angular.module('hi',[]);

를 붙여 넣거나을 확인하시기 바랍니다 ng-app="" ... 선택 사항. ng-app에 무엇이라도 지정하면 위에 주어진대로 모듈을 만들어야합니다. 그렇지 않으면 ng-app에 아무 것도 지정하지 마십시오. 즉 ng-app=""입니다. 나중에 컨트롤러를 만들고 싶을 때 모듈을 만들 수 있습니다. 지금은 최고입니다.

출처

2016-07-31 11:27:31 zainul

속성 값을 제거한 경우 @zaunut 오류 메시지 파싱 /angular/MyFirstAng.xhtml : 오류 추적 [행 : 7] 요소 유형 "div"와 연결된 속성 이름 "ng-app"뒤에 '= 'character.' error –

문제가 생겼으니 기쁘게 생각합니다 ....이 질문에 답을 표시하려면 정답 하나를 표시하십시오. – zainul

좋아, 문제가 발생했습니다. app.controller의 오타였습니다. 추가로 "n"을 입력했습니다. 그것은 효과가 있었다. 모든 것을 주셔서 감사합니다. AngularJS 라이브러리 나 뭔가를 포함시키지 못한 것 같습니다.

출처

2016-07-31 12:00:32

jsf 페이지에서 AngularJS 사용하는 방법

답변

관련 문제