javascript - 从数据库中获取数据并在 AngularJS 的 ng-repeat 中使用它

Question

在 AngularJS 中，您可以使用 ng-repeat 将列表的每个组件显示为 HTML:

<div ng-app>
    <div ng-controller="myctrl">
        <div ng-repeat="row in lists">
            <p>{{row.first}}</p>
            <p>{{row.last}}</p>
        </div>
    </div>
</div>

但是，在上面的代码中，您必须先编写一个列表的每个组件，在上面的 HTML 中使用它之前，应该手动从数据库中获取它们。那么有没有什么办法可以直接在Node.js和Express中从MySQL中获取数据渲染成.ejs文件，然后在AngularJS中使用渲染后的列表呢？

Answer 1

Angular 在客户端运行，而 Node 在服务器端运行。该代码实际上并没有一起运行。如果需要，您可以使用 ajax 获取数据:

// `lists` is returned as JSON
$http({url: url}).success(function (lists) {
    $scope.lists = lists;
});

您可以在不重新加载页面的情况下执行此操作。但是，如果数据已经需要通过脚本的服务器端运行来查询和加载，那么使用 Angular 打印列表本身就没有任何好处。相反，您可以直接将其打印为 HTML 的一部分。