<p>很好的问题,正如其他一些人所说的那样,似乎您的<code>getAnnounce()</code>方法中缺少一个<code>.subscribe()</code>。<a href="https://angular.io/guide/observables" rel="nofollow noreferrer">Angular Docs has a guide on observables</a>这可以帮助你更好地理解。在</p>
<p>我还有一些建议可以改善你的角度。利用<a href="https://angular.io/guide/styleguide#services" rel="nofollow noreferrer">services</a>将相似的功能组合在一起。例如,在您提供的代码中,您可以将<code>getAnnounce()</code>移动到您创建的新服务中;类似于<code>AnnouncementService</code>。然后可以在代码的许多地方使用它。它也有助于测试它,并在以后发现错误,因为你的代码是更分离的。在</p>
<p>您可以做的另一件事是将服务器api地址移动到环境变量中。默认情况下,如果您使用<a href="https://cli.angular.io/" rel="nofollow noreferrer">Angular CLI</a>构建角度项目,您将在src文件夹中找到一个<code>environments</code>文件夹,其中默认有两个文件<code>environment.ts</code>和{<cd7>}。您可以在.ts文件中的任何位置访问此JSON对象,并且当您在本地为product vs构建代码时,它可以将值更改为您设置的值。在您的例子中,您将把您的本地API地址放在那里<code>http://127.0.0.1:5000</code>。在</p>
<pre><code>export const environment = {
production: false,
api: 'http://127.0.0.1:5000'
};
</code></pre>
<p>现在,您可以轻松地访问它,并且如果您更改了端口号或在真正的服务器上安装了api,则有一个地方需要更改。在</p>
<blockquote>
<p>import { environment } from './environments/environment';</p>
<p>/* remember to import the non prod version of the environment file, angular knows how to switch them automatically when building for production or not. */</p>
</blockquote>
<p>希望这对你的编码有帮助,祝你好运!在</p>