我正在为我的类似twitter的网站创建一个YouTube风格(比如dislike)的按钮。
但是我在实现like dislike buttons时遇到了问题,我使用的是Angular Node.js MYSQL,有NgFor循环和ngIf条件,我有两个表post{post{u id,user_id,description}和like{like_id,user_id,post_id,like_status}带有公共键user_id,post_id。
如果likes表中没有任何特定用户的值,我们如何编写条件来显示basic按钮
<div class="container" *ngFor="let post of posts; let i = index ">
<h6> {{post.description}} </h6>
<div class="row">
<div class="col-md-3">
<div *ngFor="let like of likes; ">
<div *ngIf="((post.user_id==like.user_id) && (post.post_id==like.post_id) && (like.like_status=='like'))">
<button type="button" class="btn btn-success" (click)=likeSubmit(post.user_id,post.post_id)><i class="fa fa-thumbs-up"
aria-hidden="true"></i></button>
</div>
<div *ngIf="((post.user_id==like.user_id) && (post.post_id==like.post_id) && (like.like_status=='unlike'))">
<button type="button" class="btn btn-warning" (click)=likeSubmit(post.user_id,post.post_id)><i class="fa fa-thumbs-up"
aria-hidden="true"></i></button>
</div>
<!---problem with ngIf condition -->
<div *ngIf="ngIf condition">
<button type="button" class="btn btn-basic" (click)=likeSubmit(post.user_id,post.post_id)><i
class="fa fa-thumbs-up" aria-hidden="true"></i></button>
</div>
前两个ngIf条件运行良好,但我无法为最后一个设置完美的ngIf内容,如果like_status==like,&like_status==like不像working good,如果like表中没有任何值,我们如何编写ngIf条件以显示按钮