¿Cuál es la sintaxis correcta para crear el controlador AngularJS?

Which is the correct syntax of creating AngularJS controller?

AngularJS Example The ng-controller=”myCtrl” attribute is an AngularJS directive. It defines a controller. The myCtrl function is a JavaScript function. AngularJS will invoke the controller with a $scope object.

The controller in AngularJS is a JavaScript function that maintains the application data and behavior using $scope object. The ng-controller directive is used to specify a controller in HTML element, which will add behavior or maintain the data in that HTML element and its child elements.

Many times you probably hear that it’s not recommended to use jQuery with AngularJS, and that it should be avoided. It is imperative to understand the reason behind these statements.

A controller is a JavaScript object that contains attributes/properties, and functions. Each controller accepts $scope as a parameter, which refers to the application/module that the controller needs to handle.

In a nutshell it makes it sounds like AngularJS is a terrible option. The author criticizes declarative HTML and two-way data binding, as examples of “what’s wrong”, but the substance behind it (the “why”) is either missing or author’s preference.

First off, yes, it’s safe to use AngularJs. Angular and any client-side utility should only be concerned with processing the “view logic” of the data it’s receiving. That data is the result of the server-side “business logic” which is completely oblivious to the workings of Angular.

Definition and Usage The onblur attribute fires the moment that the element loses focus. Onblur is most often used with form validation code (e.g. when the user leaves a form field). Tip: The onblur attribute is the opposite of the onfocus attribute.

Understanding Controllers. In AngularJS, a Controller is defined by a JavaScript constructor function that is used to augment the AngularJS Scope. Controllers can be attached to the DOM in different ways. For each of them, AngularJS will instantiate a new Controller object, using the specified Controller’s constructor function:

In the above example, ng-controller=”myController” directive is applied to the element where “myController” is the name of the controller. Inside div element, we have specified { {message}} expression.

Ofcourse we can use another name than “vm” in the controller as syntax. Under the hood, AngularJS creates the $scope object and attaches the properties and behaviour. However by using the controller as syntax, the code is very clean at the controller and only the alias name is visible on the view.

Step 1) In the app.js file, add the following code for your controller Define a module called “app” which will hold the controller along with the controller functionality. Create a controller with the name “HelloWorldCtrl”. This controller will be used to have a functionality to display a “Hello World” message.