Angular 我等的时间不够长

我有一个组件，它有一个带有href的html标记。我希望该href的值来自我已经实现并订阅的angular服务，但是href的值没有通过。 我认为这是一个时间问题——页面在订阅返回之前呈现。我怎样才能补救呢

<a href="{{links?.someLink1}}"> Click it </a>

如果我这样编写html：

<a href="{{links.someLink1}}"> Click it </a>

但当我这样做时，我的模板无法解析link.someLink1 如果我将ts声明更改为links={}； 那就行了。但是我不明白为什么？

这个语法不正确，而且不存在

使用

或

---

另外，请记录数据，以检查其url是否有效？

如果您的问题是没有更新html绑定，您应该尝试使用异步管道，顺便说一句，您必须将其放在href之后，因此结果将是：

<a href="{{links?.someLink1 | async}}" Click it </a>

---

试着说，我认为这是一个时间问题，我认为你甚至不确定是什么导致了你的问题。链接设置是否正确？实际调用的是订阅回调吗？为什么不先调试代码，然后在模板中的某个地方添加类似于links | json的内容，以检查该值是否已设置。请创建一个链接并用它更新您的问题。我建议这不起作用。如果我漏掉了这个？我无法读取未定义的属性“someLink1”。当页面呈现时，我不认为links对象已准备就绪。我有console.logs通知我，当sub-returnssory输入错误时，正在设置链接。请提供更多信息，无法猜测代码失败的位置。请尝试在subscribe函数中添加一些控制台。如果控制台中没有任何错误，请共享您在devtools的控制台中遇到的错误。我从subscribe中获取对象，并且我可以在href中访问它，但前提是它被声明为{}，而不是像Any一样。您尝试过吗？

links: any;

<a href="{{links?.someLink1}}"> Click it </a>

<a [attr.href]="links?.someLink1"> Click it </a>

<a href="{{links?.someLink1 | async}}" Click it </a>