@ahmetionic wrote:

im retrieve data from server for ionic app but not accept large text...when adding large text app not working...anyone can help me for solving this issue

my code

Play Ground

Result

Finish

Home

<ion-side-menus>
    <ion-side-menu-content drag-content="false">
        <ion-content>
        <div ng-show="mode=='quiz'" style="height:30px;padding:5px;background:#ddd;">
            {{currentPage}} question / {{totalItems}}
            <timer style="float:right" id="timer" interval="1000" countdown="duration" finish-callback="showPopup()"> {{minutes}}m : {{seconds}}s</timer>
        </div>
        <div ng-show="mode=='result'" style="height:30px;padding:5px;background:#ddd;">
            Result {{correctCount}} / {{totalItems}}
        </div>

            <div ng-show="mode=='quiz'" class="padding">
                <div ng-repeat="question in filteredQuestions">
                    <div class="question">
                        <h5 ng-bind-html="question.Name"></h5>
                        <div class="options">
                            <div ng-repeat="option in question.Options" >
                                <ul class="list">
                                    <li class="item item-checkbox" style="border:none;font-size:14px;">
                                        <label class="checkbox" for="{{option.Id}}">
                                            <input id="{{option.Id}}" type="checkbox" ng-model="option.Selected" ng-change="onSelect(question, option);" />
                                        </label>
                                        <span ng-bind-html="option.Name"></span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="result" ng-show="mode=='result'">
                <canvas id="doughnut" class="chart chart-doughnut" chart-data="data1" chart-labels="labels">
                </canvas>
                <div ng-repeat="question in questions">
                    <div class="card padding result-question">
                        <h5>{{$index + 1}}. <span ng-bind-html="question.Name"></span></h5>
                        <div class="result-options">
                            <div ng-repeat="Option in question.Options">
                                <ul class="list">
                                    <li class="item item-checkbox" style="border:none;font-size:14px;">
                                        <label class="{{ (Option.Selected == Option.IsAnswer)? 'result-correct': 'result-incorrect' }} checkbox">
                                            <input id="{{Option.Id}}" type="checkbox" disabled="disabled" readonly="readonly" ng-model="Option.Selected" />
                                        </label>
                                        <span class="{{(Option.IsAnswer== true)? 'correct':'incorrect'}}" ng-bind-html="Option.Name"></span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <h4 class="text {{ isCorrect(question) == 'correct'? 'text-success': 'text-danger'}}">Cevabınız {{isCorrect(question)}}.</h4>
                    </div>
                </div>
            </div>
        </ion-content>
        <ion-footer-bar align-title="left" ng-show="mode=='quiz'" class="bar-light">
            <div class="buttons">
                <button class="button button-positive footerbutton" ng-click="goTo(currentPage - 1);" style="width:80px">Previous</button>
            </div>
            <h1 class="title"></h1>
            <div class="buttons">
                <button data-ng-attr-id="nextbutton" class="button button-positive footerbutton" ng-click="goTo(currentPage + 1);" style="width:80px">{{ islastvalue == true ? 'Finish Exam' : 'Next' }}</button>
            </div>
        </ion-footer-bar>
    </ion-side-menu-content>
    <!-- Right menu -->
    <ion-side-menu side="left">
        <ion-header-bar class="bar-dark">
            <h1 class="title">Questions</h1>
        </ion-header-bar>
        <ion-content scroll="true" ng-controller="quizCtrl">
            <div style="display:inline;">
                <div ng-repeat="question in questions">
                    <button id="{{$index+1}}" ng-show="mode=='quiz'" menu-close class="button button-small" style="float:left; margin:5px;width:10px;height:auto;" ng-click="goTo($index+1);">
                        {{$index+1}}
                    </button>
                </div>
            </div>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>

Posts: 1

Participants: 1

Read full topic