Angular 2在组件加载时调用api

时间:2017-09-22 23:09:57

标签: angular angular2-template

我对角度2很新,我想要完成的很简单:

  1. 获取通过路由传递的类别ID
  2. 使用类别ID调用API
  3. 使用API​​返回的数据填充变量“category”并显示类别名称
  4. 我的观点很简单:

    SELECT * from YOURTABLE where galaxy in(1) and system in(1) and position in(1,2)
    

    组件代码:

    <h3>{{category.name}}</h3>
    

    如果我禁用了视图输出,我可以看到console.log输出,如果我没有,我会收到以下错误:

    NodeInvocationException:Uncaught(在promise中):TypeError:无法读取未定义的属性“name” TypeError:无法读取未定义的属性“name”

    我认为这是因为承诺尚未归还。理想情况下,解决此问题的最佳方法是什么?

1 个答案:

答案 0 :(得分:1)

使用{{category?.name}} 这称为“安全导航”操作符,如果已定义且非空,则angular将仅尝试访问类别。