0

私は Angular に取り掛かっており、Angular の優れた用途をいくつか見つけました。Angular UI-Router を使用して、クライアント用のカスタム ナビゲーションを作成しました。それは非常に簡単ですが、これを行うための「よりクリーンな」単純化された方法があるかどうか疑問に思っています。

現在使用しているコードは次のとおりです。

angular.module('website', ['ui.state']).     
config(function($stateProvider, $routeProvider){
$stateProvider
    .state('index', {
        url: "", // root route
        views: {
            "viewA": {
                templateUrl: "partials/home.html"
            },

        }
    })
    .state('route1', {
        url: "/route1",
        views: {
            "viewA": {
                templateUrl: "partials/sticks.html"
            },
        }
    })
    .state('route2', {
        url: "/route2",
        views: {
            "viewA": {
                templateUrl: "partials/apparel.html"
            },

        }
    })
    .state('route3', {
        url: "/route3",
        views: {
            "viewA": {
                templateUrl: "partials/bauer.html"
            },

        }
    })
     .state('route4', {
        url: "/route4",
        views: {
            "viewA": {
                templateUrl: "partials/bauer-vapor.html"
            },

        }
    })
})

これは、ネストされたナビゲーションの 1 レベルのみです。各レベルに複数のリンクまたはアイテムがある場合、これは長くて雑然としたコードになります。これをコーディングするためのより簡潔で簡単な方法はありますか?

私はこの方法で問題ありません。これを行うには、より良い、よりクリーンな方法が必要だと思いました。

4

1 に答える 1

0

ビューに名前を付けるのは任意です。特に 1 つしかない場合は、名前のないビューを使用することをお勧めします。おそらく、UI ルーターの wiki とガイドをさらに深く掘り下げる必要があります。また、プロジェクトのメインの readme ファイルも更新されました。現在、ネストされた状態のクイック スタートの例を示しています。これは、実際にははるかに一般的に使用される機能です。ほとんどの場合、複数の名前付きビューは実際には必要ありません。

基本的に、各状態宣言を次のように短縮します。

.state('route3', { url: "/route3" templateUrl: "partials/bauer.html" })

于 2013-07-09T21:09:41.397 に答える