小编Siv*_*iva的帖子

如何使用 ionic 实现星级评级

我正在使用 Ionic 框架开发移动应用程序,试图在我的反馈问题中实现评级星级。我需要:

  1. 显示带有星级的问题
  2. 使用ajax将选定的星星数量发送到后端保存在数据库中

前任:

{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)

angularjs ionic-framework

5
推荐指数
1
解决办法
9990
查看次数

如何根据循环中的迭代次数添加类

我的风格有三个班级,例如红色,绿色和蓝色

显示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)

angularjs

0
推荐指数
1
解决办法
742
查看次数

标签 统计

angularjs ×2

ionic-framework ×1