В процессе изучения AngularJS я чувствовал, что это предпочтительный способ получить информацию из базы данных сервера одновременно и наносит ее на лиц на передней части. Потому что он сохраняет нагрузку на переднюю и заднюю часть и передает больше задач отображения на переднюю часть.
Этот контент разделен на две части. Первая часть кратко представит встроенное местоположение AngularJS и его функции; Вторая часть будет реализовать эффект отображения страниц информации о базе данных посредством относительно полного комплексного примера.
Работая над Mililpe View & Route of AngularJS, я чувствую, что я должен иметь более глубокое понимание встроенных услуг и местоположения AngularJS, потому что работа встроенного URL-адреса, обслуживающего браузер, тесно связана. Я чувствую, что если эта услуга будет обработана, она будет очень полезно для оборота страниц в будущем.
Ниже приведены некоторые из моих небольших экспериментов и некоторых опытов, которые написаны на родном языке и могут быть не такими профессиональными, но я надеюсь, что всем будет полезно понять некоторые концепции Angularjs.
Это и местоположение используется в качестве услуги, как параметр возврата контроллера в инъекции зависимостей. Ниже приведен пример, чтобы объяснить использование этой услуги.
Раздел 1: Получить информацию о URL
& Location предоставляет некоторые методы Getter и Setter, такие как Absurl, Path, Protocol, Host, Port. Конкретное объяснение состоит в том, что это имена функций функций адреса ссылки, предоставленных и местоположением. Если эти функции не проходят в каких -либо параметрах при использовании, это означает получение текущей информации URL -адреса; Если некоторые параметры передаются, это означает настройку информации URL -адреса в текущем браузере.
Пример 1
<! Doctype html> <html ng-app = "locationApp"> <head lang = "en"> <meta charset = "utf-8"> <title> </title> </head> <body ng-controller = "locationController"> <p> absurl ----------- {{absurl}} </p> <p> path --------------- {{path}} </p> <p> pro tocol ----------- {{protocol}} </p> <p> host ---------------- {{host}} </p> <p> port ---------------- {{Port}} </p> <script src = "angular.js"> </script> <script> var locationApp = angular.module ('locationApp', []); LocationApp.controller ('locationController', ['$ scope', '$ location', function ($ scope, $ location) {$ scope.absurl = $ location.absurl (); $ scope.path = $ location.path (); $ scope.protocol = $ location.protocol (); $ location.port ();На скриншоте можно ясно видеть, что метод Getter, предоставленный службой местоположения $, может легко получить текущую информацию URL -адреса браузера L.
Осторожные студенты, возможно, видели этот путь, почему нет ценности?
Это потому, что в адресе ссылки нет информации о пути. Если мы вручную устанавливаем информацию о пути через метод PATH (), а затем осветим браузер (адрес URL -адреса браузера - это информация, которую вы изменили при обновлении и не изменим), мы увидим информацию о пути. Есть картинки и правда!
Пример 2
$ location.path ('detail');
$ scope.path = $ location.path ();
Из небольшой модификации, выше, я изменил код и сначала изменил значение его атрибута пути в встроенной службе местоположения $ (его сущность является объектом, который содержит много атрибутов о информации URL).
Затем получите новое значение с помощью метода Getter.
Кроме того, поскольку информация URL, которая обслуживает адресную строку браузера, является двунаправленной связью (это самая изысканная часть AngularJS), независимо от атрибутов объекта местоположения или адресной строки браузера, если изменится информация о URL одной стороны, другая сторона также изменится. Поэтому я увидел, что в адресной панели браузера также есть информация о пути, например, деталь, на снимке экрана. Эта информация была установлена через код раньше.
О внедрении AngularJS функции дисплея лиц будет быть представлена для вас в следующей статье, я надеюсь, что вы не пропустите ее.