angularjs HTML보기에서 JSP 스타일 태그 값에 액세스 할 수 있습니까?

Question

angularjs HTML보기에서 JSP 스타일 태그 값에 액세스 할 수 있습니까? 예를 들어 브라우저에서 'principal.firstName'값을 아래 태그에서 가져올 수 있습니까? Angularjs 방식으로이 작업을 수행 할 수 있습니까?

<sec:authentication property="principal.firstName"/> 

...이 서버 사이드에 액세스하여 JSON을 반환해야합니까? 서버 측에 액세스해야 할 필요가 있다면, 예제를 가르쳐 주시겠습니까? 발견 한 모든 것은 principal.getName()을 얻는 방법을 보여줍니다.

jsp 페이지를 html로 변환하려고합니다.

Answer 1

서버에서 채울 JSP 변수 값은 JSON 객체를 만들어서 본질적으로 똑같이 할 수있었습니다. 이 JSON 객체는 $http.get() 함수를 사용하여 Angular로 액세스되는 별도의 페이지가 될 수 있습니다. 이처럼

:

{'mySettings': { 
    'userID': <%=user.ID%>, 
    'firstName': '<%=user.first_name%>', 
    'lastName': '<%=user.last_name%>' 
}} 

서버가 <%=whatever%> 지시를 처리하고 실제 데이터로 대체됩니다. 그런 다음 AngularJS 코드는이 JSON을 가져 와서 클라이언트에서 사용하기 위해 http.get을 발행합니다.

Answer 2

sec : authentication 태그에서 속성을 읽고 지시문을 변수에 전달하는 지시문을 만들 수 있습니다.

예제는 jsfiddle입니다. 나는 아직도이 방법으로 페이지를 .jsp를 사용해야합니다 같은

angular.module('ExampleApp', []) 
 
    .controller('ExampleController', function() { 
 
    this.firstName = 1; 
 
    }) 
 
    .directive("myProperty", function() { 
 
    return { 
 
     scope: { 
 
     val: "=myProperty" 
 
     }, 
 
     link: function(scope, elem, attr) { 
 
     scope.val = attr.property; 
 
     } 
 
    } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="ExampleApp"> 
 
    <div ng-controller="ExampleController as vm"> 
 
    <sec:authentication my-property="vm.firstName" property="principal.firstName" />{{vm.firstName}} 
 
    <div my-property="vm.name" property="john doe"></div>{{vm.name}} 
 
    </div> 
 
</div>