angular.js - 单页应用的页面title大家都是怎么处理的

Question

现在越来越多的网站都在使用spa技术，前端自己路由，局部刷新页面，来实现的单页应用也就webapp，相比较之前的整站都是独立的页面，每个页面都有单独的html来写上<title>你是猴子派来的逗比么</title>，那单页应用大家是怎么处理页面title问题的了

Answer 1

스택오버플로우에서 답변을 봤는데 이렇게 구현하더군요

• 먼저 html에 전역 컨트롤러를 추가하세요:

으아악

• 그런 다음 공장을 작성했습니다.

으아악

• 그런 다음 index.html 메인 페이지에서 <h1>{{ Page.title() }}</h1>을 통해 페이지 제목을 얻을 수 있습니다. index.html主页面中就可以通过<h1>{{ Page.title() }}</h1>获取页面标题了

• 具体对应的那个页面要设置标题就很简单了，只要把这个Page

특정 해당 페이지의 제목을 설정하는 것은 매우 간단합니다. 이 페이지를 컨트롤러에 삽입하기만 하면 됩니다

🎜 으아악 🎜구체적인 구현은 다음과 같습니다: http://plnkr.co/edit/0e7T6l?p=info🎜

Answer 2

js에서 document.title = '...'를 사용하여 제목을 수정하세요js 中使用 document.title = '...' 就能修改 title 了

如果想要效果更好，可以使用 H5 的新特性 history.pushState(state, title, url) ，这个方法不但能修改 title ，还能同时修改 url

더 나은 결과를 원한다면 H5 history.pushState(state, title, url)의 새로운 기능을 사용할 수 있습니다. 이 방법은 제목만 수정할 수는 없습니다. code>와 동시에 url 주소를 수정하고 이 정보를 기록 스택에 기록할 수도 있습니다. 사용자는 브라우저의 뒤로 버튼을 사용할 때 더 나은 경험을 얻을 수 있습니다. 🎜

Answer 3

으아악