AngularJS => 眺め

前書き

ng-viewは、ビューが切り替えられるコンテナとして角が使用される組み込みディレクティブの1つです。 {info} ngRouteはもはや基本のangular.jsファイルの一部ではないので、角度のjavascriptファイルの後ろにangular-route.jsファイルを含める必要があります。 $ routeProviderの "when"関数を使って経路を設定することができます。最初にルートを指定し、次に2番目のパラメータでtemplateUrlプロパティとcontrollerプロパティを持つオブジェクトを提供する必要があります。

眺め

ng-viewは$routeメインページレイアウトの部分的な表示を行うために使用される指示文です。この例では、Index.htmlがメインファイルであり、ユーザーが "/"ルートに着いたときに、template.html home.htmlがng-viewが記述されているIndex.htmlにレンダリングされます。

angular.module('ngApp', ['ngRoute'])

.config(function($routeProvider){
  $routeProvider.when("/",
    {
      templateUrl: "home.html",
      controller: "homeCtrl"
    }
  );
});

angular.module('ngApp').controller('homeCtrl',['$scope', function($scope) {
  $scope.welcome= "Welcome to stackoverflow!";
}]);

//Index.html
<body ng-app="ngApp">
    <div ng-view></div>
</body>

//Home Template URL or home.html
<div><h2>{{welcome}}</h2></div>

登録ナビゲーション

モジュールをアプリケーションにインジェクトする

  var Registration=angular.module("myApp",["ngRoute"]);

今度は "ngRoute"の$ routeProviderを使用します

    Registration.config(function($routeProvider) {

});

最後に、ルートを統合し、アプリケーションが "/ add"を取得した場合、アプリケーションに "/ add"ルーティングを定義してregi.htmに転送します

 Registration.config(function($routeProvider) {
    $routeProvider
    .when("/add", {
        templateUrl : "regi.htm"
    })
});

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow

AngularJS
眺め

サーチ…

前書き

眺め

登録ナビゲーション