Я начинаю играть с AngularJS и не знаю, как обновить выбор панели навигации. У меня есть 2 вещи в index.html: панель навигации (с вкладками, которые мне нужно обновить) и div с ngView.
Для разных представлений я использую ngRoute для изменения шаблонов и присоединения контроллера к этим шаблонам. Однако для навигационной панели я не уверен, следует ли мне просто добавить "ng-controller="tabController" в HTML. Это не кажется правильным, так как я уже проверяю маршрут для представления, и я бы дважды проверив.
Вот мой код для панели навигации и div с представлением, где li с классом «активный» должен быть выровнен с представлением, показанным в div:
<nav class="navbar navbar-default" ng-controller="tabController">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#/">Recetas Helper</a>
</div>
<ul class="nav navbar-nav">
<li><a href="#/">Home</a></li>
<li class="active"><a href="#/helper">Helper</a></li>
<li><a href="#/insert">Insertar</a></li>
<li><a href="#/randomizer">Randomizer</a></li>
</ul>
</div>
</nav>
<div class="main-view" ng-view></div>
А вот мой код app.js, где находятся контроллеры и проверяется маршрут:
var app = angular.module('confApp', ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl: "partials/home.html",
controller: "homeController"
})
.when("/helper", {
templateUrl: "partials/helper.html",
controller: "helperController"
})
.when("/insert", {
templateUrl: "partials/insert.html"
})
.when("/randomizer", {
templateUrl: "partials/randomizer.html"
})
.otherwise({
templateUrl: "partials/ups.html"
});
});
app.controller('tabController', function($scope) {...});
app.controller('homeController', function($scope) {...});
app.controller('helperController', function($scope) {...});
Это первый раз, когда я задаю вопрос в SO, поэтому, пожалуйста, сообщите мне, если какая-либо важная информация отсутствует или наоборот. Спасибо!!