Это мое первое приложение, использующее Angularjs.
Я создаю приложение, использующее AngularJs, которое предоставляет информацию о поездке из ответа API. У меня есть несколько контроллеров, каждый контроллер имеет разные страницы.
Моя проблема заключается в том, что у меня есть четыре ссылки (ссылки выглядят как испанский, французский, индийский, американский и т.д.) На моем нижнем колонтитуле каждой страницы. Если я нажму на один из них, я должен показать соответствующие результаты API на главном контроллере. Пожалуйста, ознакомьтесь с приведенной ниже диаграммой для занижения потока страниц.
Заранее спасибо!!
Предположим, у вас есть одна страница здесь:
page1.php
Вы вызывали эту страницу с помощью Page1Controller.
и вы хотите использовать MainController в своей <form>... </form>
, чем использовать ng-controller...
<html>
<head></head>
<body>
<form ng-controller="MainController">
. . . // Code here
</form>
</body>
</html>
Раньше у меня было эквивалентное требование. Вот как я это сделал.
Создайте свой глобальный метод как службу и используйте его для поддержки выбранного API.
Когда пользователь нажимает на ссылку нижнего колонтитула, вы можете связать событие ng-click и транслировать событие, которое будет обрабатываться функцией $ on.
Вы можете проверить этот пример для получения дополнительной информации.
Служба была бы идеальна для этого. Если вы создадите службу с функцией, которая отображает данные, вы можете ввести службу в каждый контроллер. Таким образом, если вы нажмете ссылку в нижнем колонтитуле, данные будут отображаться!
Проверьте здесь документацию и примеры угловых служб