1

我查看了 Eclipse https://github.com/angelozerr/angularjs-eclipse/wiki/Getting-Started的 AngularJs，我制作的每个示例都与控制器和其他很酷的东西一样工作得很好，直到我尝试了这个 routeProvider 示例。

当我打开 index.html 时，视图页面没有显示，所以我尝试了一些我在之前围绕这个主题提出的其他问题中看到的一些东西。

在我试过的视图占位符中：

<div ng-view></div>
<div data-ng-view></div>
<div ng-view=""></div>
<div data-ng-view=""></div>

我还补充说：

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>

和：

'ngRoute' in 
var demoApp = angular.module("demoApp", ['ngRoute']);

另外 - 当我在 eclipse 中处理 angularJs 并使用 Web 浏览器打开一个 html 文件时，是否可以调试我的代码？

索引.html： 

<!DOCTYPE html>
<html data-ng-app="demoApp">
    <head>
        <meta charset="utf-8">
        <script src="scripts/angular.min.js" type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>

    <title>Angular</title>
</head>
<body>

    <div data-ng-view></div>

    <script>

        var demoApp = angular.module("demoApp", ['ngRoute']);

        demoApp.config(function($routeProvider){

            $routeProvider
                .when('/',
                {
                    controller: 'SimpleController',
                    templateUrl: 'partials/View1.html'
                })
                .when('/view2',
                {
                    controller: 'SimpleController',
                    templateUrl: 'partials/View2.html'
                })
                .otherwise({ redirectTo: '/' });
        });

        demoApp.controller('SimpleController', function($scope){
            $scope.customers = [

                { name: 'John', city: 'NY' },
                { name: 'Smith', city: 'LA' },
                { name: 'John', city: 'NJ' }

            ];

            $scope.addCustomer = function(){
                $scope.customers.push(
                    { 
                        name: $scope.newCustomer.name, 
                        city: $scope.newCustomer.city
                    });
            };
        });

    </script>
</body>
4

0 回答 0