<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>深蓝的blog &#187; $routeProvider</title>
	<atom:link href="http://www.lanxinbase.com/?feed=rss2&#038;tag=routeprovider" rel="self" type="application/rss+xml" />
	<link>http://www.lanxinbase.com</link>
	<description>记录日常生活</description>
	<lastBuildDate>Sat, 18 Apr 2026 07:10:07 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.2.3</generator>
	<item>
		<title>AngularJS多重视图和路由教程</title>
		<link>http://www.lanxinbase.com/?p=1316</link>
		<comments>http://www.lanxinbase.com/?p=1316#comments</comments>
		<pubDate>Thu, 29 Sep 2016 08:14:00 +0000</pubDate>
		<dc:creator><![CDATA[Alan]]></dc:creator>
				<category><![CDATA[5.互联网应用开发]]></category>
		<category><![CDATA[6.前端开发]]></category>
		<category><![CDATA[$routeProvider]]></category>
		<category><![CDATA[Angular]]></category>
		<category><![CDATA[ngRoute]]></category>
		<category><![CDATA[Route]]></category>

		<guid isPermaLink="false">http://www.lanxinbase.com/?p=1316</guid>
		<description><![CDATA[多重视图和路由

        能够从页面的一个视图跳转到另外一个视图，对单页面应用来讲是至关重要的。当应用变得越来越复杂时，我们需要一个合理的方式来管理用户在使用过程中看到的界面。也许我们已经通过在主HTML中添加行内的模板代码，实现了对视图的管理，但这些代码也会变得越来越复杂和难以管理，同时其他开发者也很难加入到开发工作中来。另外，由于应用的状态信息会包含在URL中，我们也无法将代码直接复制并发送给朋友。除了用 ng-include 指令在视图中引用多个模板外，更好的做法是将视图分解成布局和模板视图，并且根据用户当前访问的URL来展示对应的视图。我们会将这些模板分解到视图中，并在布局模板内进行组装。AngularJS允许我们在 $route服务的提供者 $routeProvider 中通过声明路由来实现这个功能。通过 $routeProvider ，可以发挥出浏览器历史导航的优势，并让用户基于浏览器当前的URL地址创建书签或分享页面。



安装

        从1.2版本开始，AngularJS将 ngRoutes 从核心代码中剥离出来成为独立的模块。我们需要安装并引用它，才能够在AngularJS应用中正常地使用路由功能。

可以从code.angularjs.org下载它，然后保存到一个可以在HTML页面中进行引用的位置，例如js/vendor/angular-route.js。也可以用Bower来安装，这样会将它存放到Bower的目录中。]]></description>
		<wfw:commentRss>http://www.lanxinbase.com/?feed=rss2&#038;p=1316</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
