前端学习（2329）：angular之路由

app.component.css

.us{color: red;
}
.active{color: aquamarine;
}

app.component.js

<div style="text-align:center"><h1>welcome to {{title}}</h1><div style="color:#f00000">我是歌谣</div><div>{{name}}</div><ul class="us"><li *ngFor="let na of names">{{na}}</li></ul>
</div><!--1载入-->
<router-outlet></router-outlet>
<a href="#" routerLinkActive="active" [routerLink]="['/demo']">demo</a>
<a href="#" routerLinkActive="active" [routerLink]="['/child']">child</a>

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { Test1Component } from './test1/test1.component';
import {FormsModule} from '@angular/forms';
import { Test2Component } from './test2/test2.component';
import { ChildComponent } from './child/child.component';
import { DemoComponent } from './demo/demo.component';
import {RouterConfigModule} from "./router/router.module";@NgModule({declarations: [AppComponent,ChildComponent,DemoComponent],imports: [BrowserModule,AppRoutingModule,FormsModule,RouterConfigModule],providers: [],bootstrap: [AppComponent]
})
export class AppModule { }

运行结果

前端学习（2329）：angular之路由相关推荐

前端学习（1315）:路由
//引入系统模块http//创建网站服务器//为网站添加请求事件 const http = require('http'); const url = require('url'); const app ...
前端学习（1272）:路由的基本概念和说明
技能学习：学习使用php（tp6框架） + vue.js，开发前端全栈网站-3.路由、模型与数据库操作
技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-3.路由.模型与数据库操作技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-1.工具和本地环境 ...
前端学习路线_前端学习路线图
2020年全新前端学习路线图分享给大家! 学习是一个循序渐进的过程,是一件非常难得坚持的事情.如果真的想学习前端开发,一定要下决心! 我这里分享给你的前端学习路线图,希望对你有帮助,以下为2020年更 ...
你们的2016年前端学习计划是什么？
2015年,软件开发界发生了很多变化.有很多流行的新语言发布了,也有很多重要的框架和工具发布了新版本.下面有一个我们觉得最重要的简短清单,同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一 ...
web后端语言_web前端学习路线图_快速入门web前端学习路线图
如何学好Web前端开发技术?前端学习路线是什么?如今,移动开发的发展依旧如火如荼,企业对于Web前端人才需求产生了巨大的缺口,从事Web前端开发的程序员们则是其中较大的获益者.Web前端的广泛运用,造 ...
2016最新前端学习计划
一.前端学习路线图二.前端学习路线图--视频篇六大阶段学完后目标知识点视频资源(附笔记+PPT+模板 +源码) 密码准备篇学习周期:15天学完后目标: 1.熟悉媒体查询和响应式设计, ...
2021年最新版Web前端学习路线图-前端小白入门必读-推荐
2021年最新版Web前端学习路线图-前端小白入门必读-推荐 Hello,大家好,相信很多学习前端的小伙伴,会有很多的疑惑: 我要学习那些技术? 我要到哪里去学习这些技术呢? 学习这些技术的目的对就业 ...
web前端学习路线-20个真实web开发项目集合
目前web前端工程师日均岗位缺口已经超过50000,随着互联网+的深入发展,html5作为前端展示技术,市场人才需求量将呈直线上涨. Web前端工程师的岗位职责是利用HTML.CSS.Java.DOM ...
web前端学习路线（含20个真实web开发项目集合）
目前web前端工程师日均岗位缺口已经超过50000,随着互联网+的深入发展,html5作为前端展示技术,市场人才需求量将呈直线上涨. Web前端工程师的岗位职责是利用HTML.CSS.Java.DOM ...

前端学习（2329）：angular之路由

前端学习（2329）：angular之路由相关推荐

最新文章

热门文章