Ionic Framework MCQs (Chapterwise Multiple Choice Questions)

$scope.myVar = false; $scope.clickMe = function(){ console.log(myVar) };

ion-checkbox ion-model="myVar" ion-change=“clickMe()”></ion-checkbox>

<ion-checkbox ng-model="myVar" ng-change="clickMe()"></ion-checkbox>

<ion-checkbox ng-model="myVar" ion-change=“clickMe()”></ion-checkbox>

<ionic-checkbox ionic-model="myVar" ionic-change=“clickMe()”></ion-checkbox>

Answer & Explanation

Correct Answer: <ion-checkbox ng-model="myVar" ng-change="clickMe()"></ion-checkbox>

Note: This Question is unanswered, help us to find answer for this one

How to create dropdown menu & Side menu in Ionic?

<ion-list> <div ng-repeat="group in groups"> <ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i> Group {{group.name}} </ion-item> <ion-item class="item-accordion" ng-repeat="item in group.items" ng-show="isGroupShown(group)"> {{item}} </ion-item> </div> </ion-list>

$scope.groups = []; for (var i=0; i<10; i++) { $scope.groups[i] = { name: i, items: [] }; for (var j=0; j<3; j++) { $scope.groups[i].items.push(i + '-' + j); } } $scope.toggleGroup = function(group) { if ($scope.isGroupShown(group)) { $scope.shownGroup = null; } else { $scope.shownGroup = group; } }; $scope.isGroupShown = function(group) { return $scope.shownGroup === group; };

$scope.group = []; for (var i=0; i<10; i++) { $scope.groups[i] = { name: i, item: [] }; $scope.isGroupShown = function(group) { return $scope.shownGroup === group; };

All of the above

Answer & Explanation

Correct Answer: <ion-list> <div ng-repeat="group in groups"> <ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i> Group {{group.name}} </ion-item> <ion-item class="item-accordion" ng-repeat="item in group.items" ng-show="isGroupShown(group)"> {{item}} </ion-item> </div> </ion-list>

Note: This Question is unanswered, help us to find answer for this one

Ionic is a open source, front-end?

SDK

Tool

Framework

Language

Answer & Explanation

Correct Answer: SDK

Note: This Question is unanswered, help us to find answer for this one

A complex popup has a buttons _____ with each button having a text?

Array

String

Label

Property

Answer & Explanation

Correct Answer: Array

Note: This Question is unanswered, help us to find answer for this one

What option shows Ionic Framework navigating from a view on one tab to a view on another tab?

.state('tab.chats', { url: '/chats', views: { 'tab-chats': { templateUrl: 'templates/tab-chats.html', controller: 'ChatsCtrl' } } })

.state('tab.chats', { urls: '/chats', views: { 'tab-chats': { templateUrls: 'templates/tab-chats.html', controller: 'ChatsCtrl' } } })

Both of the above

None of the above

Answer & Explanation

Correct Answer: .state('tab.chats', { urls: '/chats', views: { 'tab-chats': { templateUrls: 'templates/tab-chats.html', controller: 'ChatsCtrl' } } })

Note: This Question is unanswered, help us to find answer for this one

How to create dropdown menu & Side menu in Ionic?

ion-list> div ng-repeat="group in groups"> ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"> /i> Group {{group.name}} /ion-item> ion-item class="item-accordion" ng-repeat="item in group.items" ng-show="isGroupShown(group)"> {{item}} /ion-item> /div> /ion-list>

$scope.groups = []; for (var i=0; i<10; i++) { $scope.groups[i] = { name: i, items: [] }; for (var j=0; j<3; j++) { $scope.groups[i].items.push(i + '-' + j); } } $scope.toggleGroup = function(group) { if ($scope.isGroupShown(group)) { $scope.shownGroup = null; } else { $scope.shownGroup = group; } }; $scope.isGroupShown = function(group) { return $scope.shownGroup === group; };

$scope.group = []; for (var i=0; i<10; i++) { $scope.groups[i] = { name: i, item: [] }; $scope.isGroupShown = function(group) { return $scope.shownGroup === group; };

All of the above

Answer & Explanation

Correct Answer: ion-list> div ng-repeat="group in groups"> ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"> /i> Group {{group.name}} /ion-item> ion-item class="item-accordion" ng-repeat="item in group.items" ng-show="isGroupShown(group)"> {{item}} /ion-item> /div> /ion-list>

Note: This Question is unanswered, help us to find answer for this one

Which gesture is used for the touch that stays at the same location 500ms?

on-hold

on-tap

on-pressed

on-touch

Answer & Explanation

Correct Answer: on-hold

Note: This Question is unanswered, help us to find answer for this one

Ionic provides custom ___ and methods?

Classes

Methods

Components

Controller

Answer & Explanation

Correct Answer: Components

Note: This Question is unanswered, help us to find answer for this one

Which of the following controllers is responsive for navigating in Ionic 2?

StateController

NavigationController

NavController

RouteController

Answer & Explanation

Correct Answer: NavigationController

Note: This Question is unanswered, help us to find answer for this one

$scope.myVar = false; $scope.clickMe = function(){ console.log(myVar) };

ion-checkbox ion-model="myVar" ion-change=“clickMe()”>/ion-checkbox>

<ion-checkbox ng-model="myVar" ng-change="clickMe()"></ion-checkbox>

<ion-checkbox ng-model="myVar" ion-change=“clickMe()”></ion-checkbox>

<ionic-checkbox ionic-model="myVar" ionic-change=“clickMe()”></ion-checkbox>

Answer & Explanation

Correct Answer: <ion-checkbox ng-model="myVar" ng-change="clickMe()"></ion-checkbox>

Note: This Question is unanswered, help us to find answer for this one

Ionic Framework Quick Quiz

Poor Results!

You need a lot of improvement.

Just don't give up!

Correct Answers: 0/10

Start Practicing with our MCQs given below.