摘要:
现在我们是靠重定向,到第一个菜单 上面菜单变化,然后就是下面页内容的变化。怎么去得到路由的参数。 拼接到url上的,感觉像是url的参数,就是路径参数 routerLink后面接的是一个数组。数组由url的各部分组成的。 达到某个调价,手动的跳转到某个页面。router是从routerModule中 阅读全文
摘要:
首页这里点击不同的导航栏,它是首页模块的子路由。 这里有可能是从服务器,取回来的菜单。这样我们没有办法直接写在路由列表里了。 可以通过定义变量的形式 冒号id就是一个变量名 例如这里切换的是hot。那么hot就是这个变量值 这是路径参数,看起来是路径的一部分 开始改造代码 创建一个组件Home-de 阅读全文
摘要:
先创建根路由 快捷键会自动生成下面代码。生成的模板。 这里是匹配一个空路径,默认什么都不填写,默认要显示的组件。 不存在的路由要显示的页面 按照顺序依次解析 跟路由应forRoot。其他的模块是forChild 根路径,我们一般是跳转到某一个路径。 这里我们先不去演示重定向。默认先定义一个组件。 在 阅读全文
摘要:
切换地址栏是随着变化的 感觉就像我们进入了另外一个页面。。它和传统的切换机制还是有区别的。因为它仅仅是体现在地址栏的变化。所有的页面都是组件。在服务器上其实只有一个页面。 通过router-outlet实现标签的切换。 根组件是这样整个一个区域 除了下面不变,上面都是路由 切换页面的时候会把对应组件 阅读全文
摘要:
在我们的根组件当中,已经把子组件嵌套进来了。根组件作为父组件。然后其他的组件做为子组件。 父组件通过input来给子组件设置属性的绑定 子组件通过output对外声明的以事件的形式,把我想要传达给父组件的内容告诉父组件,父组件在对应的模板中,就去监听,像下面这种小括号的形式。 父组件通过监听子组件的 阅读全文
摘要:
把这个去掉 接下来要把这个组件做完 这个容器组件,理想状态下是它 控制这里显示几行几列 div是一个容器 支持滚动。 设置为网格,现在不设置网格的属性。那些东西我们放在属性里面。比如我们可以做一个input属性,让它可以设置。 grid-gap是每一个区块的间隔。 如果多出来了。那么按照行的方式去增 阅读全文