angular.js - 单页应用的页面title大家都是怎么处理的
漂亮男人
漂亮男人 2017-05-15 16:57:53
0
3
561

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

漂亮男人
漂亮男人

全員に返信(3)
曾经蜡笔没有小新

私はstackoverflowで答えを見ました、彼はそれを次のように実装しました

  • まず HTML にグローバル コントローラーを追加します:

リーリー
  • それから私はファクトリーを書きました:

リーリー
  • その後、index.html メイン ページで、<h1>{{ Page.title() }}</h1> を通じてページ タイトルを取得できます。 index.html主页面中就可以通过<h1>{{ Page.title() }}</h1>获取页面标题了

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

対応する特定のページのタイトルを設定するのは非常に簡単で、この Page をコントローラーに挿入するだけです

🎜 リーリー 🎜具体的な実装は次のとおりです: http://plnkr.co/edit/0e7T6l?p=info🎜
いいねを押す +0
给我你的怀抱

jsdocument.title = '...' を使用して title を変更しますjs 中使用 document.title = '...' 就能修改 title

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

より良い結果が必要な場合は、H5 history.pushState(state, title, url) の新機能を使用できます。このメソッドは を変更するだけではありません。 code> title を変更すると同時に、url アドレスを変更して、この情報を履歴スタックに記録することもできます。ブラウザの戻るボタンを使用する際のエクスペリエンスが向上します。 #🎜🎜#
いいねを押す +0
習慣沉默

リーリー

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!