Публикации по теме 'angular-routing'
Навигация по приложениям Angular: отказаться от HREF и использовать RouterLink
В мире разработки Angular навигация является важным аспектом создания многофункциональных и интерактивных одностраничных приложений (SPA). Angular Router играет ключевую роль в управлении навигацией и обеспечении плавного перехода между представлениями. В то время как традиционные гиперссылки с HREF были основным продуктом в веб-разработке, эта статья призвана пролить свет на то, почему использование RouterLink в Angular является лучшим выбором для навигации внутри SPA. Мы рассмотрим..
Маршрутизация и дочерняя маршрутизация в Angular 7
Когда некоторые маршруты могут быть доступны и просматриваться только внутри других маршрутов, может быть целесообразно создать их как дочерние маршруты.
Шаг 1: Установите проект Angular 7
Введите следующую команду, чтобы создать его.
ng новое имя вашего проекта
Помните, что вам нужно добавить маршрутизацию приложения, ответив утвердительно на запрос при создании нового проекта.
Теперь установите фреймворк bootstrap css.
npm install bootstrap -- save
Добавьте..
Angular, RouterLinkActive включая фрагменты?
В приложении Angular для маршрутизации мы используем routerActiveLink для добавления класса CSS к ссылке или родительскому элементу, когда пользователь переходит по ссылкам.
<li routerLinkActive="active activeClass2">
<a routerLink="/page">Inicio</a>
</li>
Приведенный выше код добавит active и activeClass2 к элементу li , когда пользователь перейдет по URL-адресу /page .
Но иногда мы хотим перейти к разделу на странице, используя старую школу,..
Вопросы по теме 'angular-routing'
Маршрутизация Angularjs в разных файлах
Я проверяю угловую маршрутизацию.
http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm
В примерах, которые я вижу, все маршруты определены в одном файле. Как определить разные маршруты в...
21189 просмотров
schedule
19.11.2022
Внешние ссылки в приложении Angular
Я нахожусь в процессе включения Angular в одну страницу существующего приложения rails.
Все отлично работает с маршрутизацией на странице, используя следующие
app.config(function($routeProvider, $locationProvider) {
$routeProvider...
4062 просмотров
schedule
30.11.2022
Проблема с маршрутизацией Angularjs с типом URL: - localhost: 3000 / x / 007
маршрутизация express.js: -
app.get('/x/:id', function (req, res){
var id = req.params.id;
console.log('/:id ' + id);
res.render('app');
});
app.get('/partials/:name', function (req, res) {
var name = req.params.name;...
224 просмотров
schedule
17.05.2022
Angular простая маршрутизация без шаблонов
Я ищу простое решение с Angular, как обрабатывать маршруты.
У меня есть страница, созданная сервером с простой картой Google и небольшой логикой, которая находится в 3 отдельных контроллерах.
Теперь я хочу подключить маршрутизацию внутри этого....
2501 просмотров
schedule
01.07.2023
Найдена циклическая зависимость: $http ‹- $templateFactory ‹- $view ‹- $state
У меня есть текущая проверка 401, которую я запускаю с $location, которая работает нормально. Однако я хотел бы поменять его на $state и вместо этого использовать ui-router. Когда я это делаю, я получаю код ошибки:
Circular dependency found:...
22936 просмотров
schedule
25.08.2022
Необязательные именованные группы Angular в URL-адресе оставляют закодированный вопросительный знак
У меня есть следующий угловой маршрут:
$routeProvider.when('/sites/:var1/:var?/something/:year?/:month?/', {
templateUrl: 'path-to-template.html,
controller: 'PageController'
});...
323 просмотров
schedule
10.12.2022
Обещание разрешения маршрута, не полностью разрешено - angularjs
Итак, я пытаюсь сделать что-то простое:
проверьте роль loggedUser на каждом маршруте (с разрешением, которое устанавливает пользователя, если токен или учетные данные для входа действительны на серверной части)
перенаправить на предполагаемый...
331 просмотров
schedule
03.01.2024
Как использовать маршрутизацию с аутентификацией пользователя в Firebase с помощью AngularFire?
В настоящее время я пытаюсь использовать маршрутизацию, чтобы пользователь перенаправлялся на определенную страницу, если он не прошел проверку подлинности, и перенаправлялся на другую страницу, если он прошел проверку подлинности.
Ниже приведен...
5109 просмотров
schedule
18.12.2023
Правильный способ маршрутизации с идентификатором в AngularJS
Я изучаю AngularJS. Теперь я запутался в маршрутизации с AngularJS. На самом деле мне нужно, чтобы на моей главной странице была создана задача. http://localhost:8080/#/ . этот URL-адрес предназначен для создания задачи. Теперь, если пользователь...
1351 просмотров
schedule
29.09.2022
Маршрутизация MVC5 и Angular.js — URL-адреса не совпадают
У меня проблемы с маршрутизацией в Angular.js и MVC5. Я упростил его до примера ниже.
Мой угловой код маршрутизации:
app.config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) {...
2692 просмотров
schedule
28.09.2022
Angular с использованием шаблонов templateUrl или HTML
Я изо всех сил пытался найти какую-либо информацию об этом в Интернете, так что вот:
В угловом приложении есть несколько вариантов включения шаблонов. В зависимости от использования приложения, разные методы могут оказаться более эффективными. В...
797 просмотров
schedule
08.06.2023
провайдер состояния и провайдер маршрута в angularJS
Ниже мой файл app.js
angular
.module('repoApp', [
'ngAnimate',
'ngAria',
'ngCookies',
'ngMessages',
'ngResource',
'ngRoute',
'ngSanitize',
'ngTouch',
'ui.bootstrap',
'ui.router'
])
.config(function...
103527 просмотров
schedule
21.06.2022
Несколько шаблонов AngularJS на одной странице
У меня есть индекс, который обслуживает статическое меню заголовка, а ниже этого ng-представление, основанное на маршруте, выбирает правильный шаблон. Например, вот так:
<navbar>
...
</navbar>
<div ng-view>
</div>...
12655 просмотров
schedule
20.04.2022
Как мне поддерживать RouteParams при перезагрузке страницы с помощью Angular 2 Dart?
Я использую Router и RouteParams в Angular 2 Dart.
Мои маршруты следующие:
@RouteConfig(const [
const Route(path: '/', component: ViewLanding, as: 'home'),
const Route(path: '/landing', component: ViewLanding, as: 'landing'),
const...
2095 просмотров
schedule
25.02.2024
Как использовать дочерние маршруты в Angular 2
Версия Angular 2: 2.0.0-alpha.44
Я пытался выполнить маршрутизацию в Angular 2. Хотя мне удалось выполнить обычную маршрутизацию, я столкнулся с некоторыми проблемами, когда вводил дочерние маршруты. Вот пример на plnkr (...
22847 просмотров
schedule
01.02.2023
Дочернее состояние Angular-ui-router с несколькими родительскими состояниями
Можно ли с помощью Angular-ui-router определить дочернее состояние, имеющее несколько родительских состояний :
$stateProvider
.state("parent1", {
url: '/',
templateUrl: 'parent1.html'
})
.state('parent2', {...
1676 просмотров
schedule
08.05.2023
Как получить доступ к компоненту внутри аннотации в Angular2?
Это просто я пытаюсь понять жизненный цикл и попытаться выполнить некоторую логику перед загрузкой компонента, поэтому я нашел аннотацию CanActivate .
У меня есть функция в компоненте, которую я хочу вызвать, поэтому мне нужен компонент; Я ввел...
270 просмотров
schedule
12.12.2023
angularjs перейти к маршруту от завода/сервиса
Почему $location.url("/messages"); не работает? Есть ли какие-либо ограничения на $location внутри фабрики в AngularJS? Любая идея, что происходит?
Если я делаю что-то не так, не могли бы вы сказать мне, как мне перенаправить на другой URL-адрес...
2184 просмотров
schedule
11.03.2023
Измените один параметр маршрута на текущем маршруте в Angular 2
Можно ли изменить один параметр маршрута в текущем маршруте, сохранив при этом все остальные параметры? Это для использования в компоненте пейджинга, который будет перенаправляться на новую страницу, сохраняя при этом другие части текущего маршрута...
13839 просмотров
schedule
15.04.2023
Передача данных между контроллером без помощи URL?
Я создаю двухстраничное веб-приложение, используя AngularJS. мой файл Json:
{
"data": [
{ "name": "bhav",
"id": 123
},
{"name": "bhavi",
"id": 1234
},
{"name": "bhavk",
"id": 1235
}
]
}
мой app.js (файл...
1595 просмотров
schedule
10.12.2022
