AngularJS로 node.js의 템플릿과 경로를 봅니다.

Question

node.js express 앱에 AngularJS를 구현하는 방법을 이해하려고합니다. 옥 시티 템플릿 엔진 사용하도록 응용 프로그램을 설정하려면 다음과 같이 내가 할 필요가 정상적으로 있도록 라우팅 및 템플릿 엔진 : 급행을 설정 한 후, 나는이 일을해야 할

app.register('.html', require('jade')); 

을 ... 그리고 나는 설정합니다 경로는 아마도 다음과 같습니다.

app.get('/', function(req, res) { 
    res.render('index', function(err, html){ 
     // ... 
    }); 
}); 

하지만 AngularJS를 템플릿으로 사용하려면 옥 (Jade)이 필요합니까? 그리고 AngularJS 라우트를 구성해야하는 방법에 대해 읽었는데, 이는 AngularJS를 사용할 때 위의 app.get() 경로 선언 방법이 더 이상 필요하지 않음을 의미합니까?

Answer 1

클라이언트의 페이지를 렌더링하기 전에 Angular 레이아웃에 추가 할 필요가없는 경우 (즉, PassportJS 사용시 인증을 위해 Jade 템플릿에 window.user 개체를 추가 할 수 있음) 완전히 전부 옥 도랑 익스프레스 정적 미들웨어 렌더링 할 수 있습니다 index.html :

app.use(express.static(path.join(__dirname, 'public'))); 

물론, public/에서 파일이 index.html을 포함한 모든 각도 파일이 있습니다. 경로 정규화를 위해 path 모듈도 필요합니다. 그러나 이것은 필요하지 않습니다.

나중에 Angular가 나머지 부분을 처리합니다. 즉, 모든 경로가 각도 앱에 정의되어 있고 Express 경로에는 정의되어 있지 않습니다.