AngularJS路由保持重定向回自身,就像它在循环中一样

Question

我有

<!DOCTYPE html>
<html lang="en" data-ng-app="myCustomApp">
    <body>
        <div id="body">

           <div ng-view></div>

        </div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" type="text/javascript"></script>
    <script src="/Js/app.js"></script>
    <script src="/Js/controllers/controllers.js"></script>

    </body>
</html>

有以下几点

app.controller('SearchController', function ($scope) {
    init();
    function init() {
        alert("called");
    }
});

和应用程序声明如下:

var app = angular.module('myCustomApp', []);

    app.config(function($routeProvider) {
        $routeProvider
            .when('/search',
                {
                    controller: 'SearchController',
                    templateUrl: '/js/partials/Search.html'
                })
            .otherwise({ redirectTo: '/search' });

    });

问题是,当浏览到以下页面时,页面会像循环一样刷新页面.有任何想法吗？

/#/搜索

Answer 1

 var app = angular.module('myCustomApp', ['ngRoute']);

路由不是 Angular 原生的，您需要将其作为模块添加。

https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-route.js

这是脚本的 CDN。我真的建议看看 ui-router 的工作原理非常相似，但使用一个或多个状态来管理视图或视图的部分。

https://github.com/angular-ui/ui-router

该文档非常好，并且有一些很棒的示例。