javascript - 通过单击链接从数据库加载

Question

使用 AngularJS 功能，我查询数据库中的对象(每个对象都有一个“数字”字段)

<article class='recipe' ng-cloak ng-repeat='recipe in recipes'>
  <h2>
     <a data-ng-bind="recipe.number"></a>
  </h2>
</article>

显示“recipe.number”列表:

 d024b8f1-a278-401d-9fd5-a72458a42dd8
 0f647d45-607c-40a7-8dae-daea7385ea3f
 49580ae2-54ea-491a-89ad-7035a8e10e0e
 ...

您能否告诉我 - 我如何通过单击显示的数字来显示另一个对象的字段(例如“recipe.text”)？谢谢。

Answer 1

您可以执行以下操作:

<article class='recipe' ng-cloak ng-repeat='recipe in recipes'>
  <h2>
    <a data-ng-bind="recipe.number" ng-click="showDetails = ! showDetails"></a>
  </h2>
  <div ng-show="showDetails">
    <p>{{recipe.text}}</p>
  </div>
</article>

当您单击该数字时，您会显示详细信息，当您再次单击时，它会隐藏详细信息。