2014-06-23 2 views
-4

3 개의 html 화면이 있습니다.지시어 각도 JS

Screen1.html :

<button id="screenbtn"></button> 

Screen2.html :

<div id="sctmpl"> 
    <label>Label for screen two</label> 
</div> 

Screen3.html는 :

<div id="sctmpl1"> 
     <label>Label for screen three</label> 
    </div> 

이러한 모든 화면은 서로 다른 폴더에 있지만 동일한 루트 받고있다.

그래서 화면 2와 화면 3 사이를 전환해야하는 버튼을 클릭 할 때 Angular Js를 사용해야합니다.

내가 이미 달성 한 Jquery에서 조작하기 쉽기 때문에 시나리오는 Angular JS에서 달성해야합니다.

기본 데모를 통해이를 달성하는 방법을 알려주십시오.

+1

일부 특정 각도 코드에 문제가 있습니까? 이것은 대부분의 자습서 및 문서에서 포괄적으로 다루어집니다. – CodingIntrigue

+1

프레임 워크를 사용하기 전에 설명서를 더 잘 읽으십시오. 일반적으로 AngularJS 공식 자습서에 설명되어 있습니다. https://docs.angularjs.org/tutorial/step_07 – sp00m

+0

templateURL에서 redirectTo 명령을 사용해보십시오. – Manvi

답변

1

당신은 routeprovider를 사용하고 싶습니다.

angular.module('myApp', ['ngRoute']).config(function($routeProvider) { 
    return $routeProvider.when('/screen1', { 
    templateUrl: 'screen1.html', 
    controller: 'aController' 
    }).when('/screen2', { 
    templateUrl: 'screen2.html', 
    controller: 'bController' 
    }); 
}); 

<body> 
    <ul> 
     <li><a ng-href="#screen1">Screen 1</a></li> 
     <li><a ng-href="#screen2">Screen 2</a></li> 
    </ul> 
    <div ng-view></div> 
    </body> 

나는 동작하는 예제를

ngRoute를 사용하기 위해 프로젝트에 포함해야한다는 것을 명심 here했다.