Issue with AngularJS form not being visible on the user interface

Question

I'm new to Angular and struggling to display my form. I used to generate the form.

Page Link:

Any assistance would be appreciated!

Index.html

    <!DOCTYPE html>
    .... // (This section is too long for paraphrasing)

My HTML

<div class="container">
.... // (This section is too long for paraphrasing)

My JS:

 var app = angular.module('wingField', [  
                                              ... // (This section is too long for paraphrasing)

Answer 1

Answer №1

After reviewing the code you shared, I have identified some issues that need to be addressed:

The ng-app directive was missing in your HTML, which serves as the entry point for Angular applications.
In your code, you are using the controller as syntax, which means that there is no need to inject $scope. You can access model variables directly using "this". Here is a helpful article on this topic: Learn more here

---Click here to view the plnkr example

Answer 2

After reviewing the code you shared, I have identified some issues that need to be addressed:

The ng-app directive was missing in your HTML, which serves as the entry point for Angular applications.
In your code, you are using the controller as syntax, which means that there is no need to inject $scope. You can access model variables directly using "this". Here is a helpful article on this topic: Learn more here

---Click here to view the plnkr example