-3

誰でもここで何が間違っているのか教えてください：

ライブラリを更新したところ、なんらかの理由でコードが壊れたようです。何もしていません。

角度ライブラリ

html5コード

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<header id="header">
    <h1 id="logo"><a href="#/home"></a></h1>

    <div id="menu">
        <a ng-click="setRoute('home')" class="btn">Home</a>
        <a ng-click="setRoute('about')" class="btn">about</a>
    <a ng-click="setRoute('experiments')" class="btn">Experiments</a>
    </div>
    <div class="color"></div>
    <div class="clear"></div>
</header>
<!-- //top -->
<div class="shadow"></div>

<div id="container">
    <div ng-view></div>
</div>

angle.js

 angular.module('WebSite', []).
    config(function($routeProvider) {
        $routeProvider.
            when('/about', {templateUrl:'folder/test.html', controller:AboutCtrl}).
            when('/experiments', {templateUrl:'folder/test.html', controller:ExperimentsCtrl   }).
            when('/home', {templateUrl:'folder/test.html', controller:HomeCtrl   }).
            otherwise({redirectTo:'/home'});
    });

function AboutCtrl($scope) {
    $scope.title = 'About Page';
    $scope.body = 'This is the about page body';
}

function ExperimentsCtrl($scope) {
    $scope.title = 'Experiments Page';
    $scope.body = 'This is the about experiments body';
}

function HomeCtrl($scope) {
    $scope.title = 'Home Page';
    $scope.body = 'This is the about home body';
}
4

2 に答える 2

0

https://github.com/simpulton/angular-website-routesでgithubからソースをチェックアウトする必要があります

changeRouteメソッドはありません。いくつかの対話の後、私はアンカータグをできるだけ自然に処理することが最善であることに気づきました。

メニュー要素は次のようになります

<div id="menu">
    <a href="#/home" class="btn">Home</a>
    <a href="#/about" class="btn">About</a>
    <a href="#/experiments" class="btn">Experiments</a>
</div>

お役に立てれば！

于 2013-03-16T03:06:13.987 に答える
0

まず、ng-appを使用して、モジュールでAngularアプリケーションをセットアップする必要があります。すでに行っているかもしれませんが、投稿したスニペットの一部ではありません。

<html ng-app="WebSite">

また、setRoute（）については、どこからコピーしたのかわかりませんが、必要ありません。ハッシュとともにhrefを使用するだけです。例：

<a href="#/about" class="btn">about</a>
于 2013-03-16T03:14:08.240 に答える