javascript - Meteor afFormGroup 未填充下拉框

标签 javascript meteor

html如下:

<template name="addUser">
  {{#autoForm id="addUser" schema=schema meteormethod="newUser"}}
  <fieldset>
        {{> afQuickField name="fName"}}
        {{> afQuickField name="lName"}}
        {{> afQuickField name="username"}}
        {{> afQuickField name="email"}}
        {{> afFormGroup name="roles" firstoption="Select Role"    options=addUseroptions type="select"}}
        {{> afQuickField name="password"}}
    <div>
      <button type="submit" class="btn btn-primary">Submit</button>
      <button type="reset" class="btn btn-default">Reset</button>
    </div>
  </fieldset>
  {{/autoForm}}
</template>

afFormGroup Angular 色未填充。我试图用当前存储在 mongodb 中的所有 Angular 色填充下拉框,但下拉列表仍然为空。正确的值显示在 console.log() 语句的控制台中。

js如下:

Template.addUser.helpers({
    schema : function (){
        return MySchema.addUser;
    },
    collection : function (){
        return MyCollections.Users;
    },
    addUseroptions: function (){
      var array = [];
      var array2 = [];
      roles = Roles.getAllRoles();
      array = roles.fetch(); 

      for(var i = 0; i < roles.count(); i++){
      array2[i] = array[i].name;
      }
      console.log(roles.count());
      console.log(array2);

      return
      [{
        optgroup: "Roles",
        options: array2
      }];
    }
  });

最佳答案

你的帮助功能似乎有点困惑。试试这个:

// Still inside your "helper" block
addUseroptions: function() {
  return Roles.getAllRoles().map(function(r) {
    // "r" here is a single document returned by the cursor. Use this
    // space to do whatever change you wanna do in respect to
    // label name or select value
    return {label: r.name, value: r.name};
  });
}

关于javascript - Meteor afFormGroup 未填充下拉框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30595912/

相关文章:

javascript - Node.JS 错误 - process.env.NODE_TLS_REJECT_UNAUTHORIZED。这是什么意思?

javascript - 如何使用 PhpStorm 调试 JavaScript,而无需每次加载新选项卡?

javascript - 如何访问javascript文件中的php session ?

javascript - 如何清除时间间隔

javascript - meteor 模板中的简单数据反射

javascript - 获取客户端 Meteor 上的多个用户数据

javascript - Ionic 2 + Meteor 如何设置 DDP_DEFAULT_CONNECTION_URL

javascript - 如何在 JavaScript 中使用运算符 "^"?

javascript - 查找元素的目标

javascript - 如何修改Meteor中 "materialize:materialize"包的CSS或JS文件