angularJS将所选值带到下一页

嘿，我有两个JSP页面，它们是表单的步骤1和步骤2。在步骤1中，我显示了用户可以选择的特定类别选项。为了让用户进入第2步，他们必须单击其中一个类别选项，在进入第2步时，我试图显示他们单击的类别的名称。我知道，使用ng模型，可以将其绑定到输入，并显示该输入中交互的内容，但由于某种原因，如果将ng模型绑定到p或span，它将不起作用。我是AngularJs的新手，所以请揭露任何新手的错误

step_one.jsp

<div class="col-sm-6" ng-click="setStep(2)"><span class="glyphicon glyphicon-cutlery"></span>
       <p ng-model="category">Cutlery &#38; Service</p>
</div>

---

您是否将服务器与客户端开发混为一谈

你有两个JSP，我假设每个加载AngularJS？大多数Angular应用程序使用单个页面，即一个JSP，并通过Angular视图动态加载/显示不同的内容。单页应用程序SPA在单页中维护状态，Angular提供了使用$scope实现这一点的结构。您也可以使用localStorage实现这一点

看起来您正在从传统的web/服务器端开发模型过渡到客户端模型。要执行上述操作，可以将所有内容保存在1个JSP中，并使用以下代码：

HTML

<div class="col-md-12">
            <label for="requestCategory">Category:</label>
            <p id="requestCategory" ng-model="category">{{category}}</p>
        </div>

 $scope.setStep = function (step){
        $scope.step = step;
    };

    $scope.isStepSet = function(step){
        return ($scope.step === step) ;
    };

<div ng-show="isStepSet(1)" ng-init="setStep(1)" class="col-sm-6" ng-click="setStep(2)"><span class="glyphicon glyphicon-cutlery"></span>
    <p ng-model="category">Cutlery &#38; Service</p>
</div>

<div ng-show="isStepSet(2)" class="col-md-12">
    <label for="requestCategory">Category:</label>
    <p id="requestCategory" ng-model="category">{{category}}</p>
</div>