我正在使用 Ionic 框架开发移动应用程序,试图在我的反馈问题中实现评级星级。我需要:
前任:
{question1: 3, question2: 4, question3: 2}
Run Code Online (Sandbox Code Playgroud)
到目前为止,我尝试过:安装了离子评级插件并在我的索引中调用参考链接: https: //market.ionic.io/plugins/ionic ratings
它以 5 颗星显示每个问题。这是我的内容
<ion-content>
<div class="card" ng-repeat='item in fquestions'>
<div class="item item-text-wrap">
<h2>Q: {{item.feedback_question}}</h2>
<p style="font-size:30px;"><ionic-ratings ratingsobj='ratingsObject'></ionic-ratings></p>
</div>
</div>
</ion-content>
Run Code Online (Sandbox Code Playgroud) 我的风格有三个班级,例如红色,绿色和蓝色
显示div中的项目列表,我的要求是按迭代值(按顺序)添加类.例如
1st div - red
2nd div - green
3rd div - blue
4th div - red
5th div - green
.
.
(repeat will proceed till last iteration)
(repeat
Run Code Online (Sandbox Code Playgroud)
这是我的代码
<div class="card" ng-repeat="item in circularitems">
<div class="item item-divider circularcard>
<b><span class="ion-ios-compose-outline larger"></span> {{item.notice_title}}</b>
</div>
<div class="item item-text-wrap item-br-color-type-{{$index + 1}}-1">
{{item.notice}} <br><br>
<div class="circular-des-date">Date : {{item.event_date}}</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)