6

我有

<!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' });

    });

问题是页面在浏览到以下内容时会不断刷新页面，就像它在循环中一样。有任何想法吗？

/＃/搜索

4

1 回答 1

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

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

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

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

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

文档非常好，并且有一些很好的例子。

于 2015-06-04T19:16:50.403 回答