mysql - SQL COUNT() 和 Angular
问题描述
我在使用 Angular 显示我的 SQL 命令 (Count()) 时遇到问题。
PHP文件(这个文件没有问题):
$app->get('/animal/{idA}/nb', function ($idA) use ($app) {
$sql = "SELECT COUNT(*) as nbTotal FROM animal WHERE idAnimal = :idA;
$animalCount = $app['db']->fetchAssoc($sql, array('idA' => (int) $idA));
return json_encode($animalCount); });
但是要使用 Angular 显示它:
动物服务.ts
getNbAnimals(idA: number){ return this.http.get(this.apiUrl + '/animal/' + idA + '/nb'); }
动物组件.ts
getNbAnimals(idA: number){ this.animalService.getNbAnimals(idA); }
动物.component.html
<p>{{getNbAnimals(idAnimal.value)}}</p>
这个 HTML 文件的结果是 [object Object]。我不知道如何显示我的 COUNT()。如果你能帮助我,谢谢!
解决方案
那是因为您试图显示该函数返回的内容,这通常是可观察的。而是尝试:
<p>{{getNbAnimals(idAnimal.value) | async}}</p>
或者 subscribe
在 TS 部分的那个服务上:
getNbAnimals(idA: number){
return this.animalService.getNbAnimals(idA)
.subscribe((response)=> return response);
}
推荐阅读
- ios - 为 SKShapeNode 添加着色器
- python - 从 Bitbucket 中删除文件夹
- c# - 为 DTO 使用可空引用类型的最佳实践
- c++ - 当两个 std::map 对象相同时
- sql - DB2 中的 PLSQL 是否支持嵌套的 while 语句?
- c# - Regex.Matches 为正则表达式 c# 抛出异常
- javascript - Vue中双向绑定props的正确方式是什么?
- azure - 如何为 Container Registry Azure 创建只读访问密钥
- python - 按跨年的日历周分组
- mysql - 这个“医疗保健”数据库的 sql 查询代码是什么?