Question

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

这些类别应以HTML格式显示为＆lt; select＆gt; -options。但是类别的提取时间太晚，已经呈现了选择下拉列表，并且我的数据库条目没有显示在那里。

当我将输出{{categories}}放在html代码中的某处时，我可以看到一个正确长度的对象数组。甚至，当我命名我的选项＆＃34;＆lt; option ...＆gt; c：{{i}} {{categories.length}}＆lt; / option＆gt;显示正确的长度。

html

export class CreateComponent implements OnInit {
  categories: any[];
  ...
  constructor(private logService:LogService, private fb: FormBuilder, private parseManager: ParseManager, private categoriesService: CategoriesService) {
  ...
  } 
  ngOnInit() {

    this.parseManager.categoriesGet((cats) => {
        this.categories = cats;
      }
    );
  }

  ...
}

组件

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);
      }
    })
  }

服务

{{1}}

Answer 1

对我感到羞耻，我发现了问题，WebStorm的自动完成功能将我的* ngFor重命名为ngFor。现在我把它改回了* ngFor并且它有效。

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

1 个答案: