templates - 在 ng-repeat 中动态加载模板

Question

这是我的要求。

<div ng-repeat="inv in invitations">
   <div ng-click="ShowDetails()">{{inv.Id}}<div>
   <div>My Details: LoadTemplate(details.html)</div> //template will load dynamically                                if i click id       
</div>

详细信息.html

<div>
  {{inv.Name}} {{inv.Email}}
</div>

结果将如下所示：

1
My Details ilias shi@g.com
2
My Details ilias2 shi3@g.com

如果我单击 id(1, 2)，将在此处显示我的详细信息。我不想在 ng-click 中加载每个细节。而是想在我单击 id 后从服务器获取它。