AngularJS обеспечивает управление $ http, который может читать данные с сервера в качестве услуги. Сервер может сделать вызов базы данных для получения записей. AngularJS требует данных в формате JSON. Как только данные будут готовы, $ HTTP может получить данные с сервера следующим образом.
Функция StudentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (response) {$ scope.students = response;});}Здесь записи студентов содержатся в Data.txt. Сервис $ http позволяет Ajax вызовать и устанавливать свойства для своих студентов. Модель «студента» может использоваться для рисования таблиц HTML.
пример
data.txt
[{«Имя»: «Махеш Парашар», «Роллно»: 101, «Процент»: «80%»}, {«Имя»: «Динкар Кад», «Роллно»: 201, «Процент»: «70%»}, {«Имя»: «Роберт», «Rollno»: 191, «процент»: «75%», {hale »:« hul »:« hallno »:": ":": "jul": ":" jul ":": "jul": ":". Джо "," Rollno ": 111," процент ":" 77%"}]testangularjs.html
<html> <Head> <Title> Angular JS включает </title> <style> Table, TH, TD {Border: 1px Solid Grey; пограничный коллапс: коллапс; Padding: 5px;} Таблица Tr: nth-Child (ODD) {фоновый цвет: #f2f2f2;} таблица Tr: nth-child (даже) {фоновый цвет: #ffffff;} </style> </head> <body> <h2> Angularjs Применение </h2> <div ng-app = "ng-controller =" stocdation> </h2> <div ng-app = "ng-controller =" stocdationconcome> </h2> <div ng-app = "ng-controller =" stoctularj> </h2> <div ng-app = " <Th> name </th> <Th> roll no </th> <Th> процент </th> </tr> <tr ng-repeat = "Студент в студентах"> <Td> {{student.name}} </td> <td> {{student.Rollno}} </td> <td> {{{{{{kdent.percent}}} </td> <td> {{{{{{{{{{{{{{{{{tden.percent}}}}}} </td> <td> {td.percent. </tr> </table> </div> <script> function StudentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (response) {$ scope.students = response;});} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> <//hodlys> </hodyml> </hobyml> </hobyml> </hobster> </hodyml> </hobyl> </hobyl> </hods> </hobyla> </hobylВыход
Чтобы запустить этот пример, вам необходимо развернуть TextangAngularjs.html, data.txt на веб -сервер. Откройте сервер запросов TextAngularJs.html в веб -браузере, используя URL. Результаты следующие:
Выше приведено основная информация сортировка Angularjs Ajax. В будущем мы будем продолжать разбирать соответствующую информацию. Спасибо за поддержку этого сайта!