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