使用Angular填充Parse API中的select选项

使用Angular填充Parse API中的select选项,angular,typescript,parse-server,Angular,Typescript,Parse Server,我有一个ParseServer实例,其中我持有一个类别列表,并通过服务接收它们 这些类别应该以HTML格式显示为-options。但是类别获取太晚,选择下拉列表已经呈现,并且我的数据库条目没有显示在那里 当我把输出{categories}放在html代码的某个地方时,我可以看到一个长度正确的对象数组。甚至,当我将我的选项命名为“c:{i}}{{{categories.length}}时,也会显示正确的长度 html文件 <select class="form-control" name="

我有一个ParseServer实例,其中我持有一个类别列表,并通过服务接收它们

这些类别应该以HTML格式显示为-options。但是类别获取太晚,选择下拉列表已经呈现,并且我的数据库条目没有显示在那里

当我把输出{categories}放在html代码的某个地方时,我可以看到一个长度正确的对象数组。甚至,当我将我的选项命名为“c:{i}}{{{categories.length}}时,也会显示正确的长度

html文件

<select class="form-control" name="category" formControlName="category">
      <option value="">-</option>
      <option ngfor="let cat of (categories | async); let i = index" [ngValue]="cat">c:{{i}}&lt;/option>
     </select>
服务

var Parse = require('parse').Parse;
Parse.initialize("blabla123123123");

Parse.serverURL = "http://localhost:1337/parse";

export class ParseManager {

  constructor() {

  }

categoriesGet(success: (categories)=>void){
    var query = new Parse.Query("Category");
    query.find({
      success: function(categories) {
        console.log("Getting categories finished: ");
        console.log(categories);
        success(categories);
      }
    })
  }

不好意思,我发现了问题,WebStorm的自动完成将我的
*ngFor
重命名为
ngFor
。现在我把它改回
*ngFor
,它就工作了。

不好意思,我发现了问题,WebStorm的自动完成将我的
*ngFor
重命名为
ngFor
。现在我把它改回
*ngFor
,它就工作了;let i=索引“应为
ngfor=“let cat of categories | async;let i=index“
您也可以将您的
类别
对象内容发布到此处吗?我在没有括号的情况下尝试了它,但没有任何帮助。类别对象只是一个解析服务器对象数组,我不会将其转换为自己的对象类。
ngfor=“let cat of(categories | async);let i=索引“
应为
ngfor=“let cat of categories | async;let i=index“
你也可以将你的
类别
对象内容发布到这里吗?我在没有括号的情况下尝试了它,但没有帮助。类别对象只是一个解析服务器对象数组,我不会将其转换为自己的对象类。
var Parse = require('parse').Parse;
Parse.initialize("blabla123123123");

Parse.serverURL = "http://localhost:1337/parse";

export class ParseManager {

  constructor() {

  }

categoriesGet(success: (categories)=>void){
    var query = new Parse.Query("Category");
    query.find({
      success: function(categories) {
        console.log("Getting categories finished: ");
        console.log(categories);
        success(categories);
      }
    })
  }