Question

对不起，如果问题错了，我是初学者。我正在使用 Angular 11 开发一个教育网站，其中包括文章（大约 20 篇文章）。然而，这些文章通常是静态的，以后不会改变。我制作了一个组件作为文章的模板，以便我将文本作为输入发送给他们，但我觉得可能有一种更有效的方法来做到这一点......有没有办法将它们作为资源存储和阅读？或者我应该将它们存储为常量？关于如何正确执行此操作的任何想法？我真的需要为此上下文创建数据库吗？

<div class="article-block">
<table class="articleBody">
    
<tr>
    <td><app-item-navigator></app-item-navigator></td>
    <td width="95%">
        <div class="articleText">
{{
    // text is supposed to be here
}}
        </div>
    </td>
    
</tr>
</table>
</div>

Answer 1

保持关注点分离是一种很好的做法。例如将所有物品放在同一个地方。通常为了存储应用程序状态，使用商店（如服务）。但那是状态，它往往会不断变化。对于您的情况，由于文章是静态的，只需创建另一个文件并将其存储为常量即可。示例：

articles.ts：

export const article1 = "lorem Ipsum ...";
export const article2 = "Dolar sit ...";

然后在您的组件中简单地导入它：

import { article1, article2 } from './articles';

而且如果直接在模板中使用，需要抓取组件类中文章的引用，f.ex：

export class MyComponent  {
  article1 = article1;

这是我能建议的最简单的方法。也用于导入/导出 - 在这里尽量保持简单。

Angular：在没有数据库的情况下存储长文本

1 个答案: