基于Angularjs-router动态改变Title值的问题
程序员文章站
2022-05-26 10:41:43
许久没写angularjs这玩意儿了，发现以前项目直接从dom元素去修改title实属简陋了些。
懒得废话，上代码；
index里面直接
<div class="content">
<p>许久没写angularjs这玩意儿了，发现以前项目直接从dom元素去修改title实属简陋了些。</p>
<p><span style="background-color: #ccffcc"><strong>懒得废话，上代码；</strong></span></p>
<p>index里面直接<title ng-bind="title"></title>即可。</p>
<p>路由文件我作名config</p>
<div class="jb51code">
<pre class="brush:js;">
app.run(['$rootscope', '$log', function($rootscope, $log){
$rootscope.$on('$statechangesuccess', function(event, tostate, toparams, fromstate, fromparams){
$rootscope.title = tostate.data.title;
});
}]);</pre>
</div>
<p>就是如此简单粗暴,当然$stateprovider.state里面加一个title参数也是必须的。</p>
<p><span style="color: #ff0000"><strong>比如：</strong></span></p>
<div class="jb51code">
<pre class="brush:js;">
.state('about', {
url: '/about',
templateurl : 'about.html',
title:"我就是我，不一样的烟火"
})
</pre>
</div>
<p>当然不懂的朋友可以找我咨询 ，其实我也有待学习</p>
<p><strong>----------------------------------分界线------------------------------------------</strong></p>
<p><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"alt="基于Angularjs-router动态改变Title值的问题" src="/default/index/img?u=aHR0cDovL2ltYWdlczQuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA1MjgvYl8wXzIwMTkwNTI4MTkwMTQ3OTQ0Ni5qcGc=" title="基于Angularjs-router动态改变Title值的问题"></p>
<p>这data里面就包含title，也可以包含其它很多东西。</p>
<p>以上这篇基于angularjs-router动态改变title值的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。</p> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/1142294.html">
C#.NET中如何批量插入大量数据到数据库中 </a>
</p>
<p>
下一篇： <a href="/article/1142296.html">
浅谈Angularjs中不同类型的双向数据绑定 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2039200.html" target="_blank" title="基于Angularjs-router动态改变Title值的问题">
<h2>
基于Angularjs-router动态改变Title值的问题 </h2>
</a>
</li>
<li>
<a href="/article/1142295.html" target="_blank" title="基于Angularjs-router动态改变Title值的问题">
<h2>
基于Angularjs-router动态改变Title值的问题 </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>