Pfthb

I am pretty new to Sails.js. I am trying to grab the records from the database in the controller. Then in my ejs file I have the below code to create an ajax-form for each record in the database (gives them the ability to update the records. I am not sure what I am doing wrong.

fn: async function (inputs, exits) 
 var maplayers = await Maplayers.find().populate('layerstyle');
 return exits.success(
 maplayers: maplayers
 ); 

 

Then in my ejs file I have:

<% _.each(maplayers, function (maplayer) %>
 <ajax-form action="updateMaplayers" :syncing.sync="syncing" :cloud-error.sync="cloudError" @submitted="updateMapLayerSubmit()" :handle-parsing="handleUpdateMaplayerParsingForm">
 <div class="accordion" id="maplayers-accordion">
 <div class="card">
 <div class="card-header" id="maplayer-header" data-toggle="collapse" data-target="#collapseOne-<%= maplayer.layerid %>">
 <h5 class="mb-0">
 <button class="btn btn-link maplayer-header-btn" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
 <%= maplayer.name %>
 </button>
 </h5>
 </div>

 <div id="collapseOne-<%= maplayer.layerid %>" class="collapse" aria-labelledby="headingOne" data-parent="#maplayers-accordion">
 <div class="card-body">
 <div class="row">
 <div class="col-sm-6">
 <div class="form-group">
 <label for="maplayer-editlayerid">Layer ID</label>
 <input class="form-control" id="maplayer-editlayerid" name="maplayer-editlayerid" type="text" value="<%= maplayer.layerid %>" :class="[formErrors.editlayerid ? 'is-invalid' : '']" v-model.trim="formData.editlayerid" focus-first>
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-sm-6">
 <div class="form-group">
 <label for="maplayer-editlayertype">Layer Type</label>
 <select class="form-control" id="maplayer-editlayertype">
 <option value="point" <%= maplayer.layertype == 'point' ? 'selected' : ''%> >Point</option>
 <option value="polygon" <%= maplayer.layertype == 'polygon' ? 'selected' : ''%> >Polygon</option>
 <option value="line" <%= maplayer.layertype == 'line' ? 'selected' : ''%> >Line</option>
 </select>
 </div>
 </div>
 <div class="col-sm-6">
 <div class="form-group">
 <label for="maplayer-editname">Layer Name</label>
 <input class="form-control" id="maplayer-editname" name="maplayer-editname" type="text" value="<%= maplayer.name %>">
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-sm-4">
 <div class="form-group">
 <label for="maplayer-edittable">Table</label>
 <input class="form-control" id="maplayer-edittable" name="maplayer-edittable" type="text" value="<%= maplayer.layertableref %>">
 </div>
 </div>
 <div class="col-sm-4">
 <label for="maplayer-editmin">Minimum Zoom</label>
 <input class="form-control" id="maplayer-editmin" name="maplayer-editmin" type="number" value="<%= maplayer.minzoom %>">
 </div>
 <div class="col-sm-4">
 <label for="maplayer-editmax">Maximum Zoom</label>
 <input class="form-control" id="maplayer-editmax" name="maplayer-editmax" type="number" value="<%= maplayer.maxzoom %>">
 </div>
 </div>
 <div class="row">
 <div class="col-sm-12">
 <div class="form-group">
 <label for="maplayer-editatt">Attributes to Display:</label>
 <textarea class="form-control" rows="3" id="maplayer-editatt" name="maplayer-editatt" ><%= maplayer.layerattributesonclick %></textarea>
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-sm-12">
 <div class="form-group">
 <label for="maplayer-editurl">URL:</label>
 <textarea class="form-control" rows="3" id="maplayer-editurl" name="maplayer-editurl" ><%= maplayer.url %></textarea>
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-sm-6">
 <p class="text-danger" v-if="cloudError === 'emailAlreadyInUse'">There is already an account using that email address.</p>
 <p class="text-danger" v-else-if="cloudError">An error occured while processing your request. Please check your information and try again, or <a href="/contact">contact support</a> if the error persists.</p>
 </div>
 <div class="col-sm-6">
 <div class="form-group text-right">
 <button type="button" class="btn btn-warning fontColor" @click="hideAddForm()">Cancel</button>
 <ajax-button type="submit" :syncing="syncing" class="btn btn-success">Save changes</ajax-button>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </ajax-form>
 <% ) %>

I do not know why the input in the maplayers-editlayerid is blank? This is the Layer ID Field. Why is the value=<% maplayer.editlayerid %> not being set?