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

【问题标题】：Fetch data from database and use it in ng-repeat in AngularJS从数据库中获取数据并在 AngularJS 的 ng-repeat 中使用它
【发布时间】：2013-11-16 12:31:27
【问题描述】：

在 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中使用渲染出来的列表呢？

【问题讨论】：

标签： javascript mysql angularjs angularjs-ng-repeat

【解决方案1】：

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

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

您无需重新加载另一个页面即可执行此操作。但是，如果数据已经需要通过脚本的服务器端运行来查询和加载，那么角度打印列表本身并没有什么好处。相反，您可以直接将其作为 HTML 的一部分打印出来。

【讨论】：

我想使用 Angular 的原因不仅仅是打印列表的输出 - 我还希望用户在搜索框中输入文本，从而根据用户的输入更改显示的结果。