Las aplicaciones AngularJS dependen principalmente de los controladores para controlar el flujo de datos en la aplicación. El controlador se define utilizando la instrucción NG-Controller. Un controlador es una función que contiene propiedades/propiedades y objetos JavaScript. Cada controlador acepta el parámetro $ alcance para especificar la aplicación/módulo, que está controlado por el controlador.
<div ng-app = "" ng-Controller = "StudentController"> ... </div>
Aquí hemos declarado un controlador StudentController que usa la Directiva NG-Controller. Como el siguiente paso, definiremos el Controlador Student de la siguiente manera
<script> Function StudentController ($ Scope) {$ Scope.student = {FirstName: "Yiibai", LastName: "Com", FullName: function () {var StudentObject; studentObject = $ scope.student; return studentObject.FirstName + "" + stententObject.lastName; }};} </script>StudentController define $ alcance como un parámetro de objeto JavaScript.
$ alcance representa la aplicación, utilizando el objeto StudentController.
$ scope.student es una propiedad del objeto StudentController.
FirstName y LastName son dos propiedades del objeto $ alcance. Hemos pasado el valor predeterminado a ellos.
FullName es una función del objeto $ scope.student, y su tarea es devolver el nombre fusionado.
En la función FullName, ahora queremos que el objeto de estudiante devuelva el nombre de la combinación.
Como ilustración, también es posible definir el objeto del controlador en un archivo JS separado y colocar las páginas HTML en el archivo.
Ahora puede usar Ng-Model o usar la expresión de la siguiente manera para usar las propiedades de StudentController.
Ingrese el nombre del primer: <input type = "text" ng-model = "student.firstname"> <br> Ingrese apellido: <input type = "text" ng-model = "student.lastname"> <br> <br> está entrando: {{student.fullName ()}}Ahora hay dos cuadros de entrada: Student.FirstName y Student.lastName.
Ahora está el método Student.fullName () agregado a HTML.
Ahora, solo ingrese el cuadro de entrada de primer nombre y LastName para ingresar a qué ingresar, y puede ver que los dos nombres se actualizan automáticamente.
ejemplo
El siguiente ejemplo mostrará el uso de un controlador.
El contenido del archivo testangularjs.html es el siguiente:
<html> <fead> <title> Angular JS Controller </title> </head> <body> <h2> Angularjs Sample Application </h2> <div ng-app = "" ng-confontroller = "studentController"> Ingrese el nombre de primer nombre: <input type = "text" ng-model = "student.frirstname"> <br> <br> enterada: <text type = "text" ng-model = "student. ng-model = "student.lastName"> <br> <br> está entrando: {{student.fullName ()}} </div> <script> function studentController ($ scope) {$ scope.student = {firstName: "mahesh", lastname: "parashar", fullname: function () {var studentObject; studentObject = $ scope.student; return studentObject.FirstName + "" + stententObject.lastName; }};} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>Producción
Abra textangularjs.html en un navegador web y vea los siguientes resultados:
Lo anterior es la información que clasifica el controlador AngularJS. Continuaremos ordenando el conocimiento relevante en el futuro. Gracias por su apoyo a este sitio web.