나는 5 시간 html 코드를 반복 하고이 루프 안에 색상 변수를 평가 횟수만큼만 추가하려고합니다.
html 다음에 또 다른 루프?
이 작업을 수행하는 다른 더 좋은 방법이있을 수 있습니다.
Template7.registerHelper('rating', function(options) {
var rating = this.avgrating;
var color = 'color-orange';
var html ="";
for (i = 0; i < 5; i++) {
html += '<i class="fa fa-star ' + color + '"></i>';
}
return html;
});
나는 var 등급 값 3 return html이 다음과 같이 반환되어야한다고 가정합니다.
<i class="fa fa-star color-orange"></i>
<i class="fa fa-star color-orange"></i>
<i class="fa fa-star color-orange"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
Template7.registerHelper('rating', function(options) {
var rating = this.avgrating;
var color = 'color-orange';
var html ="";
for (i = 0; i < 5; i++) {
if(i <= rating){
html += '<i class="fa fa-star ' + color + '"></i>';
}else{
html += '<i class="fa fa-star"></i>';
}
}
return html;
});
원하는 결과를 얻기위한 조건을 확인할 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다