我可以在Angular的index.HTML文件中使用href而不是组件选择器进行路由吗？

Question

我已经使用称为SMCA的ag-grid构建了一个企业工具。现在是时候创建主页了。 由于我不是前端开发人员，因此我使用的是现成的html5模板。这是链接：

  

https://bootstrapthemes.co/item/tajam-free-html5-creative-agency-portfolio-template/

此模板结构：

我已经在企业项目中复制了资产文件夹。
并用模板中的代码替换了我的企业项目中的index.html文件代码（进行了一些必要的修改）。 所以现在，当我运行该应用程序时，我在浏览器上进入模板页面而不是项目页面：

在此页面的底部，我希望用户单击“ SMCA”以重定向到我构建的第一个工具。

我尝试使用普通的路由方法。即：在index.html文件中，我有以下代码：

<div class="single_service_content">
 <li><a routerLink="/SMCA">SMCA</a></li>

Lorem ipsum dolor坐下来，奉献己任，sed do eiusmod tempor。

在app.routing.ts中：

  {
        path: 'SMCA',
        component: SmcaComponent
    } 

但是，主页中的SMCA甚至无法点击。
所以我的问题是：
1 /我到底在做错什么？
2 /为什么在我的主页上无法点击“ SMCA”？
3 /这是否是将主页模板集成到我的有角项目中的正确方法？