getting multiple inputs in angular for form code example

Example 1: multiple form in one class djanog

class MultipleFormsDemoView(MultiFormsView):
    template_name = "pages/cbv_multiple_forms.html"
    form_classes = {'contact': ContactForm,
                    'subscription': SubscriptionForm,
                    }

    success_urls = {
        'contact': reverse_lazy('contact-form-redirect'),
        'subscription': reverse_lazy('submission-form-redirect'),
    }

    def contact_form_valid(self, form):
        'contact form processing goes in here'

    def subscription_form_valid(self, form):
        'subscription form processing goes in here'

Example 2: To do validation for the textbox , radio button and dropdown using jquery

•	Here input[name='Gender'] is radio button control name 

if ($('#txtName').val() == "" || $('#txtSalary').val() == "" || 
    $("input[name='Gender']:checked").length == 0 ||
     $('#ddlState option:selected').val() == "")

Example 3: get all html element data using angular

File your-component-name.component.html

<input type="text" #inputbox>
<button type="submit" (click)="getelementData()">Show element data</button>

file your-component-name.component.ts
In the class make function named as 

getelementData(nameinput){
 console.log(nameinput);  // output will be the whole button element with their attributes
 // if you want to show specific attribute data then 
 console.log(nameinput.value);  // it will reflects the value of textbox which has been entered
}