在没有ng-repeat的情况下在Angular 1中渲染表

<div id="tableContainer"></div>

app.controller('TableController', function($scope, $compile) {
  // 表格数据
  $scope.tableData = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 }
  ];

  // 动态生成表格
  var tableHtml = '<table>';
  tableHtml += '<tr><th>Name</th><th>Age</th></tr>';
  for (var i = 0; i < $scope.tableData.length; i++) {
    tableHtml += '<tr><td>' + $scope.tableData[i].name + '</td><td>' + $scope.tableData[i].age + '</td></tr>';
  }
  tableHtml += '</table>';

  // 编译并插入表格
  var tableElement = $compile(tableHtml)($scope);
  angular.element(document.getElementById('tableContainer')).append(tableElement);
});