angular学习视频地址

免费下载地址分享一下：

www.zxit8.com
angular 视频地址：链接：https://pan.baidu.com/s/1brlSOaz 密码：i642

https://pan.baidu.com/s/1eTyvq5W  或者 https://pan.baidu.com/s/1d05sPC  密码：q8za
 

有需要的也可以看看完整版的课程介绍：

https://www.itying.com/goods-460.html

Angular6项目实战（无人点餐 无人收银 智能打单）：https://www.itying.com/goods-858.html

http://www.php.cn/code/27468.html

修改端口号：ng  serve --port  8888  

route导航：
   Routes:路由配置，保存哪个url对应展示哪个组件，以及在哪个RouterOutlet中展示组件
    [
        {path:'',component:HomeComponent},
        {path:'product',component:ProductComponent},
        {path:'**',component:CodeErrorComponent}//匹配不上的路径要放在最后
        ]
   RouterOutlet:在html中标记路由内容呈现位置的占位符指令。
  Router:负责在运行时执行路由的对象，可以通过调用其navigate()和navigateByUrl()方法来导航到一个指定路由。
             （在controller中用）
        this.router.navigate("['/']");
 RouterLink:在html中声明路由导航用到的指令。
            <a [routerLink]="['/']"></a>
ActivedRoute:当前激活的路由对象，保存着当前路由的信息，如路由地址，路由参数等。

path：中不要使用"/"开头,ng路由会自动解析为url,是为了在多个视图之间导航可以使用相对路径

在路由时传递数据：

在查询参数中传递数据：
  /product?id=1&name=2   ==>ActivedRoute.queryParams[id]

在路由路径中传递数据
{path:/product/:id}==>/product/1==>Actived.params[id]

在路由配置中传递数据
{path:/product,component:ProductComponent,data:[{isProd:true}]}===>ActivedRoute.data[0][isProd]

重定向路由：
    在用户访问一个特定的地址时，将其重定向到另一个指定的地址。
    www.aaa.com===>www.aaa.com/products
    www.aaa.com/X===>www.aaa.com/y

子路由：./
        [{path:'home', component:HomeComponent,
    children:[
        {path:"",Component:XXXComponent},
        {path:"/yyy",Component:yyyComponent},
    ]}]
辅助路由：