如何在ng-repeat范围之外使用表达式？

Question

我正在AngularJS和Craft CMS中建立一个工作板。用户可以注册，登录和创建职位发布。正在从json文件中提取作业发布，并使用ng-repeat显示在索引页面上。我希望用户能够点击每个职位发布，并在同一页面上的模式中打开特定的职位发布（以使他们保持在同一页面上），这就是我的问题所在。

由于模态是在ng-repeat之外生成的，因此表达式不起作用。这是我的例子。

<div class="jobs">

        <div class="job-panel" ng-repeat="job in jobs>
            <a href=""><h3>{{ '{{job.title}}' }}</h3></a>
            <p><strong>Location: </strong>{{ '{{job.jobCity}}' }}, {{ '{{job.jobState}}' }} <strong>Post Date: </strong>{{ '{{job.postDate}}' }}</p>
            <p><strong>Job Category: </strong>{{ '{{job.jobCategory}}' }}</p>
            <p><strong>Job Overview: </strong>{{ '{{job.jobOverview}}' }} <a class="show-details" data-remodal-target="modal">(details)</a></p>

            <div class="remodal" data-remodal-id="modal"
                data-remodal-options="hashTracking: false">
            <h3>{{job.title}}</h3>
            <p><strong>Location: </strong>{{ '{{job.jobCity}}' }}, {{ '{{job.jobState}}' }} <strong>Post Date: </strong>{{ '{{job.postDate}}' }}</p>
            <p><strong>Job Category: </strong>{{ '{{job.jobCategory}}' }}</p>
            <p><strong>Job Overview: </strong>{{ '{{job.jobOverview}}' }}</p> 
            </div>

        </div>

</div>

“作业面板”div中的所有内容都显示正常，但是其中的模态div不会获取相同的表达式，因此当用户打开模态时，他们只能看到没有表达式的文本。我将假设，因为它使用的jQuery插件（Remodal）在我的容器旁边的顶级HTML上生成html，而不是在我放置它的作业面板div中。我需要一种让用户单击（详细信息）链接并查看模式内JSON文件的更多信息的方法。

以下是该网站的图片。第一个是列出了帖子的索引视图，第二个是当前生成模式的方式。

Image 1 Image 2