渲染一个模板（无ng-repeat）

Question

我刚开始使用angular，但基本上我想用ng repeat渲染一组模板：

<ion-item ng-repeat="item in items" ng-click="loadSingle(item)">
  Hello, {{item.name}}!
</ion-item>

然后我想在有人点击它的同时在另一个模板中渲染该对象：

<div>
  <h1>{{ item.name }}</h1>
  <h2>{{ item.detail }}</h2>
</div>

我该怎么做？使用jQuery /下划线我只需加载单独的模板并将其提供给json对象（item）但我似乎无法找到有关如何在没有ng-repeat的情况下进行模板化的任何文档。我有点困惑。谢谢！

Answer 1

我会将loadSingle()定义为将特定项放在范围内的方法。然后我将在HTML中定义另一个部分以显示所选项目。

的JavaScript

app.controller('ctrl', function($scope){

   $scope.loadSingle = function(item){
      $scope.selectedItem = item;
   }

});

HTML

<div ng-show="selectedItem">
  <h1>{{ selectedItem.name }}</h1>
  <h2>{{ selectedItem.detail }}</h2>
</div>