1

私は Eclipse の AngularJs を調べましたhttps://github.com/angelozerr/angularjs-eclipse/wiki/Getting-Startedと、作成したすべての例は、この 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 ファイルを開くことはできますか?

index.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