jstl中的angularjs值比较问题

Question

我正在使用angularjs在不同页面上的控制器之间传递值。 这是我的app.js的一部分。

app.controller('JewelleryCtrl', function($scope, srvShareData) {
      $scope.sharedData = srvShareData.getData();
      sessionStorage.clear();
    });

我可以在下一页中获取传递的值

{{sharedData}}

在我的情况下，此{{sharedData}}包含值“ Rings”。 我想在jstl中比较此值，但无法正常工作。 这就是我正在尝试的

<div ng-controller="JewelleryCtrl" class="ui-tabs-panel ui-tabs-hide ui-widget-content ui-corner-bottom" id="fragment-2">


    <%    
        String subcat1 = "{{sharedData}}";
        request.setAttribute("subcat", subcat1);
    %>

    <!--<h4>Address</h4>-->
<div class="sell" onsubmit="return false">
     <c:set var="subcategory" value="${subcat}" scope="session"/>
    <c:out value="${subcategory}"></c:out>
    <c:choose>
        <c:when test="${subcategory == 'Rings'}">
    <div class="col-3">
        <label>
            <select id="basemodel" name="sizeofring" tabindex="5">
                <option value="" selected="">Select Ring Size</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
             </select>
        </label></c:when> 
        </c:choose> 
    </div>

这种比较总是失败。 是否已将{{sharedData}}转换为字符串并进行比较？ 我不知道该怎么做。

Answer 1

关键是要认识到， 在何处及何时执行每个代码- JSP服务器上时，被请求的页面和渲染（即之前的响应发送到浏览器）和Javascript（即角）在浏览器，浏览器接收后 已经生成的响应。

因此，目前，当Angular接管时，不再有带有其属性的request ，任何session （只是一个会话ID cookie）等等。因此，如果要将任何值从JSP传递给Angular，则需要渲染它。 有不同的方法，最好的方法取决于您的需求。 你可以做例如

<div id="subcat" data-subcat="<%= subcat1 %>" style="display: none"></div>

然后读取data-subcat属性的值，或将其设置为全局JS变量

<script>
var subcatGlobal = '<%= subcat1 %>';
</script>

然后直接使用 还有其他一些选择-如果您pass jsp variable angular Google搜索pass jsp variable angular ，则会得到很多有用的结果（其中许多都指向SO）。