Question

我的页面上有两个div，一个是div，另一个是div。

在我的左侧div中，我有一个包含来自数据库的数据行的表。我使用ng-repeat循环：

<tbody>
  <tr ng-repeat="box in boxar">
  <td>{{box.type}}</td>
  <td>{{box.mac}}</td>
  <td>{{box.serial}}</td>
  <td><a href="box.id">Remove</a> | <a href="box.id">-> customer</a> | <a href="box.id">History</a></td>
 </tr>

如您所见，我有属于行的链接。当我点击其中一个链接时，我想将一个页面/模板加载到右边的div中，其中的数据属于我选择的框（box.id）。

任何人都可以给我一个例子如何在角度？

在PHP中，我会做这样的事情：

if(isset($_GET['box_id']))
{
  $query = "SELECT * FROM boxes WHERE box_id=$_GET['box_id']";
  //Print out the data from the selected box
}

Answer 1

我会使用内置的ngInclude指令。

请查看以下link

<强> 修改

因此，在您的右侧div中，您可以添加ngInlcude标记。然后，您需要将box.id与ng-template ID

相匹配

<script type="text/ng-template" id="page1">
    <h1 style="color: blue;">This is the page 1 content</h1>
</script>

Answer 2

我希望这就是你想要的。

HTML：

....
<a ng-click='getId(box.id)'>Remove</a>
....
<div class="right-div">
   <ng-include src="template"></ng-include>
</div>

JS：

$scope.getId = function(id){
  $scope.id = id; //Here you get your ID
  $scope.template = id; //Here you load the template, provided its a proper path
}

Answer 3

你可以试试jquery load函数。

有关详细信息，请查看此link。

将页面数据加载到div的最佳方法

3 个答案: