AngularJS => 보기

소개

ng-view는 뷰를 전환하기위한 컨테이너로 각도를 사용하는 빌드 내장형 지시문 중 하나입니다. {info} ngRoute은 더 이상 기본 angular.js 파일의 일부가 아니므로 기본 각형 자바 스크립트 파일 다음에 angular-route.js 파일을 포함시켜야합니다. $ routeProvider의 "when"함수를 사용하여 경로를 구성 할 수 있습니다. 먼저 라우트를 지정해야하며, 두 x 째 매개 변수에서 오브젝트에 templateUrl 등록 정보 W 제어기 등록 정보를 제공하십시오.

보기

ng-view 는 $route 와 함께 사용되어 메인 페이지 레이아웃의 부분보기를 렌더링하는 지시어입니다. 여기이 예제에서 Index.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
보기

수색…

소개

보기

등록 네비게이션