From the course: Building a Mobile App with AngularJS 1 and Ionic
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Using special form elements - Angular Tutorial
From the course: Building a Mobile App with AngularJS 1 and Ionic
Using special form elements
- We've covered just about every form element you can use with Ionic, but there's a couple that we haven't looked at and they are ranges and select popups. You might be familiar with popups. You probably haven't used ranges as much. One of the nice things about Ionic is that it makes the ranges look really good. So we'll go ahead and delete this section right here with the checkboxes just to make room a little bit for what we're gonna be doing. And we'll leave Awesomeness there. So let's go ahead and code a range. You start off with a div with a class of item, and also range. Inside that you want to have two icons. So there should be an icon on the left of the range and an icon on the right of the range. So I'm gonna start by putting in an input field here, and I'm gonna give it a class of range. Usually, input fields have a name, and I'll call this feeling. You can if you want to also set a minimum and a maximum range. So those are the values that will get passed over to the name…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Understanding basic Ionic CSS components7m 37s
-
Using Ionic buttons5m 14s
-
Adding Ionicons to a layout8m 42s
-
Working with tabs10m 3s
-
Using the list styles12m 30s
-
Creating cards and inset lists4m 46s
-
Creating basic form elements5m 1s
-
Using other form types7m 35s
-
Using special form elements5m 16s
-
-
-
-