AngularJS路由和ng-view问题

时间:2014-03-29 06:43:00

标签: angularjs angularjs-routing

嘿大家我正在尝试通过Angularjs的教程,并且遇到了一些路由问题。

接口就像路线实际上有效,但我的部分中没有内容显示。

这是我的代码

<!DOCTYPE html >
<html data-ng-app="demoApp">
<head>
<title></title>
</head>
<body >
<div>
    <!-- Placeholder for views -->
    <div data-ng-view=""></div>
</div>
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>

<script>
    var demoApp = angular.module('demoApp', ['ngRoute']);

    demoApp.config(function ($routeProvider) {
        $routeProvider
            .when('/',
                {
                    controller: 'SimpleController',
                    templateUrl: 'partials/home.html'
                })

            .otherwise({ redirectTo: '/' });
    });

    function SimpleController($scope) {
        $scope.customers = [
            { name: 'Blake', city: 'Redding' },
            { name: 'Nico', city: 'Portland' },
            { name: 'Simoneg', city: 'Bakersfield' },
            { name: 'Kyle', city: 'Washougal' }
        ];          
    }
</script>

</body>
</html>

非常感谢任何帮助。

非常感谢大家,我查看了我的控制台并首先找到了错误的链接,然后我发现如果没有为项目设置localhost我就无法做到这一点。我安装xampp使用本教程来做到这一点。 http://www.textpattern.net/wiki/index.php?title=using_xampp_(apache-mysql-php-perl)_for_windows#VirtualHost_Containers_.28Optional.29

1 个答案:

答案 0 :(得分:0)

非常感谢大家,我查看了我的控制台并首先找到了错误的链接,然后我发现如果没有为项目设置localhost我就无法做到这一点。我安装xampp使用本教程来做到这一点。 http://www.textpattern.net/wiki/index.php?title=using_xampp_(apache-mysql-php-perl)_for_windows#VirtualHost_Containers_.28Optional.29