从数据库中获取数据,并在 AngularJS 中的 ng-repeat 中使用它
Fetch data from database and use it in ng-repeat in AngularJS
在 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 中的 MySQL 获取数据.js并 Express 并将其渲染到 .ejs 文件,然后在 AngularJS 中使用渲染列表?
Angular 在
客户端上运行,而 Node 在服务器上运行。 代码实际上并不一起运行。 如果需要,可以使用 ajax 获取数据:
// `lists` is returned as JSON
$http({url: url}).success(function (lists) {
$scope.lists = lists;
});
您无需重新加载页面即可执行此操作。 但是,如果已经必须查询数据并使用脚本的服务器端运行来加载数据,则将列表本身以角度打印出来没有任何好处。 相反,您可以直接将其打印为 HTML 的一部分。
相关文章:
- 访问ng repeat中的第一个项目
- 如何使用ng repeat中的选定输入更新我的对象
- 替换ng repeat中的一些符号
- AngularJS:根据其他对象预先选择ng repeat中的select元素
- Angular js将只显示ng repeat中的第一个元素
- AngularJS:为ng-repeat中的图像添加切换功能
- 如何将 JSON 对象映射到 ng-repeat 中的折叠行
- 如何将ng repeat中的当前对象传递给$mdDialog
- 将jquery插件应用于angularJS ng repeat中的新项目
- 使用ng repeat中的键值来扩展作用域表达式
- 如何只更新ng repeat中的部分元素
- AngularJS - 如何访问嵌套ng-repeat中的数组
- Angular 1.3 中是否有更好的模式,可以在每次修改 ng-repeat 中的项目时调用函数
- 获取 ng-init 和 ng-repeat 中的元素
- ng-repeat中的Angular Js对象过滤器
- AngularJs:我想从数组或列表中添加一个类,用于ng-repeat中的每次迭代
- 使用 AngularJS 过滤 ng-repeat 中的特殊字符
- 如何在任何索引字段中验证 ng-repeat 中的保存按钮
- 如何在 ng-repeat 中的某个特定索引上开始一个新行
- 如何将 ng-repeat 中的范围变量传递给 JavaScript 数组