我想在Angular js(4.4.6)登录后浏览网址

时间:2017-11-21 20:41:03

标签: angular angular2-routing

SELECT 
a.ID,
a.Start_Date,
b.Recd_Dt,
b.Total_Recd,
b.Tran_ID
FROM
(SELECT ID, START_DATE FROM tbl) a
LEFT JOIN 
(SELECT ID, Recd_Dt, tran_ID, Total_Recd
FROM tbl b
WHERE Tran_ID = '173' AND Total_Recd > 0
QUALIFY ROW_NUMBER() OVER(PARTITION BY ID ORDER BY Recd_Dt)=1
)b
ON a.ID = b.ID AND b.Recd_Dt >= a.Start_Date

Where a.ID = '1234'

这是我的组件的代码。当我登录然后我想去另一个具有共同页眉和页脚的组件。但它不会转到任何组件并给出错误“无法读取未定义的属性'导航'”。还有一件事我想知道如何在每个组件中添加公共页眉和页脚文件,除了登录/注册。

1 个答案:

答案 0 :(得分:0)

实现它的最佳方法是创建单独的页眉和页脚组件,如下所示:

enter image description here

页眉和页脚中的代码可以表示您想要的任何内容:

<div class="footer">
<i class="material-icons">&#xE90C;</i>{{copyright}}
</div>

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'footer',
    templateUrl: './footer.component.html',
})

export class FooterComponent implements OnInit {
    copyright: string;
    constructor() {}

  ngOnInit(): void {

   this.copyright = 'My Copyright';
    return;

  }

}

同样,您可以创建标题组件。 完成后,您需要做的就是使用选择器标记,无论您想要包含它,通常是在不同的HTML文件中。

<body>
    <div id="wrap">
        <div id="content" class="flex-col">
            <div>
                <header></header>
            </div>
            <div class="content fluid flex-col">
                <My-App></My-App>
            </div>
            <div>
                <footer></footer>
            </div>
        </div>
    </div>
</body>