Я пытаюсь отображать различные виды при нажатии кнопки.Вот то, что у меня сейчас есть, но когда я нажимаю кнопку, ничего не меняется, и я остаюсь на главной странице.Я пытаюсь использовать $ location.path ('/ path');
app.js
var app = angular.module("app", ['ngRoute']);
app.config(function ($routeProvider) {
$routeProvider
.when("/", { templateUrl: "views/news.html", controller: "mainCtrl"})
.when("/hello", { templateUrl: "views/hello.html", controller: "helloCtrl"})
});
app.controller("mainCtrl", function ($scope) {
$scope.setNews = () => {
$scope.showHello = false;
$scope.newsactive = "butactive"
$scope.helloactive = ""
};
});
app.controller("helloCtrl", function ($scope) {
$scope.setHello = () => {
$location.path('/hello');
$scope.showHello = false;
$scope.helloactive = "butactive"
$scope.newsactive = ""
};
});
index.html
<body ng-app="app" ng-controller="mainCtrl">
<div>
<div ng-include="'views/title.html'"></div>
<div ng-include="'views/navbar.html'"></div>
</div>
<div ng-view></div>
<div ng-include="'views/footer.html'"></div>
</body>
navbar.html
<div class="navbar">
<button id="newsbutton" ng-click="setNews()" ng-class="newsactive">News</button>
<button id="aboutbutton" ng-click="setHello()" ng-class="helloactive">Hello</button>
</div>
hello.html
<div class="content">
<div ng-hide="showHello" id="hello">
<h1>Hello</h1>
</div>
</div>