Os aplicativos AngularJS dependem principalmente dos controladores para controlar o fluxo de dados no aplicativo. O controlador é definido usando a instrução NG Controller. Um controlador é uma função que contém propriedades/propriedades e objetos JavaScript. Cada controlador aceita o parâmetro $ scope para especificar o aplicativo/módulo, que é controlado pelo controlador.
<div ng-App = "" ng-controller = "StudentController"> ... </div>
Aqui, declaramos um controlador de controle que usa a diretiva NG Controller. Como a próxima etapa, definiremos o concorrente do aluno da seguinte forma
<SCRIPT> função studentcontroller ($ scope) {$ scope.student = {FirstName: "yiibai", lastName: "com", fullName: function () {var studpobject; StudentObject = $ SCOPE.STUDENT; Retorne statãobject.firstname + "" + studpobject.lastName; }};} </script>O StudentController define $ escopo como um parâmetro de objeto JavaScript.
$ SCOPE representa o aplicativo, usando o objeto StudentController.
$ scope.student é uma propriedade do objeto Studentcontroller.
FirstName e LastName são duas propriedades do objeto $ SCOPE.STUDENT. Passamos o valor padrão para eles.
FullName é uma função do objeto $ SCOPE.STUDENT, e sua tarefa é retornar o nome mesclado.
Na função FullName, agora queremos que o objeto do aluno retorne o nome da combinação.
Como ilustração, também é possível definir o objeto do controlador em um arquivo JS separado e colocar as páginas HTML no arquivo.
Agora você pode usar o modelo NG ou usar a expressão como segue para usar as propriedades do StationController.
Digite o primeiro nome: <input type = "text" ng-model = "student.firstname"> <br> Digite sobrenome: <input type = "text" ng-model = "student.lastName"> <br> <br> Você está entrando: {{student.fullname ()}}}}}Agora existem duas caixas de entrada: Student.FirstName e Student.LastName.
Agora existe o método do aluno.fullName () adicionado ao html.
Agora, basta inserir o primeiro nome e a caixa de entrada do nome lastName para inserir o que entrar, e você pode ver que os dois nomes são atualizados automaticamente.
exemplo
O exemplo a seguir mostrará o uso de um controlador.
O conteúdo do arquivo testangularjs.html é o seguinte:
<html> <head> <title> Controlador JS angular </ititle> </head> <body> <h2> Aplicação de amostra de AngularJS </h2> <div ng-App = "" ng-controller = "StudentController"> Digite o primeiro nome: <input type = "text" ng-model = "student.firstn"> " ng-model = "Student.LastName"> <br> <br> Você está entrando: {{student.fullname ()}} </div> <cript> função studentcontroller ($ scope) {$ scope.student = {FirstName: "mahesh", lastname: "parashar", fullnname: fullname: fullname: functionname: functionnam: StudentObject = $ SCOPE.STUDENT; Retorne statãobject.firstname + "" + studpobject.lastName; }};} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </sCript> </body> </html>Saída
Open textangularjs.html em um navegador da web e veja os seguintes resultados:
O exposto acima está a informação que classifica o controlador AngularJS. Continuaremos a resolver o conhecimento relevante no futuro. Obrigado pelo seu apoio a este site.