Question

我的app.js文件中的路由配置正确：

app.config(function ($routeProvider) {
    $routeProvider
    .when("/", {templateUrl: "views/mainPage/mainPage.html", controller: "PageCtrl"})
    .when("/financing", {templateUrl: "views/financing/financing.html", controller: "PageCtrl"})
    .when("/photoGallery", {templateUrl: "views/photoGallery/photoGallery.html", controller: "PageCtrl"})
});

我的index.html在这里：

<!DOCTYPE html>
<html lang="en">
<head>

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.min.js"></script>
<script src="js/app.js"></script>

<body ng-app="hlWiki">
<div ng-view ng-controller="PageCtrl">
</div>

</body>
</html>

如何在融资模板html文件中创建一个链接，以将视图/路线更改为photoGallery模板html？

我可以从index.html完成此路由，但不能从模板html文件中进行。

由于

Answer 1

您可以在控制器中使用$location更改路线：

$location.path('/photoGallery');

这可以称为 onclick 或您想要的每个事件。

https://docs.angularjs.org/guide/ $位置

如何从AngularJS中的templateUrl内的链接更改路径/视图？

1 个答案: