Приложения AngularJS в основном полагаются на контроллеры для управления потоком данных в приложении. Контроллер определяется с использованием инструкции по контроллеру NG. Контроллер - это функция, которая содержит свойства/свойства и объекты JavaScript. Каждый контроллер принимает параметр Scope для указания приложения/модуля, который контролируется контроллером.
<div ng-app = "" ng-controller = "StudentController"> ... </div>
Здесь мы объявили контроллера StudentController, который использует директиву NG-Controller. В качестве следующего шага мы определим студентконтроллер следующим образом
<script> function StudentController ($ scope) {$ scope.student = {firstname: "yiibai", lastname: "com", fullname: function () {var studentObject; StudentObject = $ scope.student; return studentObject.firstName + "" + studentObject.lastName; }};} </script>StudentController определяет $ scope как параметр объекта JavaScript.
$ scope представляет приложение, используя объект StudentController.
$ scope.student - это собственность объекта StudentController.
FirstName и Lastname - это два свойства $ scope.scope.Student объекта. Мы передали им значение по умолчанию.
FullName является функцией объекта $ scope.student, и его задача состоит в том, чтобы вернуть объединенное имя.
В функции FullName мы теперь хотим, чтобы объект студента вернул имя комбинации.
В качестве иллюстрации также возможно определить объект контроллера в отдельном файле JS и поместить HTML -страницы в файл.
Теперь вы можете использовать NG-модель или использовать выражение следующим образом, чтобы использовать свойства StudentController.
Введите имя: <input type = "text" ng-model = "student.firstname"> <br> Введите Фамиссию: <input type = "text" ng-model = "study.lastname"> <br> <br> Вы вводите: {{study.fullname ()}}}}}}}}}}}}}}}}}}}}}}}}}}}Теперь есть две входные ящики: Student.firstname и Student.lastname.
Теперь есть метод студента.fullName (), добавленный в HTML.
Теперь просто введите поле «Имя» и «Lastname», чтобы ввести то, что ввести, и вы можете увидеть, что два имена автоматически обновляются.
пример
В следующем примере будет показано использование контроллера.
Содержание файла testangularjs.html заключается в следующем:
<html> <Head> <title> Angular JS Controller </title> </head> <body> <h2> Примерный приложение Angularjs </h2> <div ng-app = "" ng-controller = "studentController"> Введите имя: <input type = "text" ng-model = "student.firstname"> <br> <br> <br> ente intement = "text yext": ng-model = "studive.lastname"> <br> <br> вы вводите: {{student.fullname ()}} </div> <cript> function studentController ($ scope) {$ scope.student = {firstname: "mahesh", Lastname: "parashar", fullname: function () {var stoction StudentObject = $ scope.student; return studentObject.firstName + "" + studentObject.lastName; }};} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>Выход
Откройте TextAngularJs.html в веб -браузере и посмотрите следующие результаты:
Выше приведено информация, разбирающая контроллер AngularJS. Мы будем продолжать разобраться в соответствующих знаниях в будущем. Спасибо за поддержку этого сайта.