Show only one element of each list in html

[gundogduyakici]

Each list I want to select and display only one value in the loop. How can I do that ? I will show you sample codes.If there's a place you do not understand, ask.

Thanks in advance for your help.

<ul class="list-group">
   {{#each rowList}}
   <li data-id="{{./this}}" class="list-group-item list-row">
        {{{var this.ExampleCityName ../this}}}
   </li>
   {{/each}}
</ul>

[tanya]

You can check the index

[gundogduyakici]

I didn't understand. Could you give me more information? tanya

[gundogduyakici]

return Dep.extend({
name: 'MyCareerGoal',
_template: '<div class="list-container">{{{list}}}</div>',

defaultListLayout: {
rows: [
      [
          {
                      name: 'entityType'
           },
           {
                      name: 'calculationType'
           },
           {
                      name: 'calculationValue'
           },
           {
                      name: 'queryType'
            }
      ]
]
},
init: function () {
        Dep.prototype.init.call(this);
},
setup: function () {
     this.seeds = {};
     this.scopeList = this.getOption('enabledScopeList') || [];
     this.listLayout = {};
     this.scopeList.forEach(function (item) {
     this.listLayout[item] = this.defaultListLayout;
}, this);
this.wait(true);
var i = 0;
this.scopeList.forEach(function (scope) {
     this.getModelFactory().getSeed(scope, function (seed) {
          this.seeds[scope] = seed;
          i++;
          if (i == this.scopeList.length) {
               this.wait(false);
          }
}.bind(this));
}, this);
},
afterRender: function () {
             this.collection = new MultiCollection();
             this.collection.seeds = this.seeds;
             this.collection.url = 'CareerSteps/action/myCareerGoal';
             this.collection.maxSize = this.getConfig().get('recordsPerPageSmall') || 5;
             this.collection.data.entityTypeList = this.scopeList;
             this.listenToOnce(this.collection, 'sync', function () {
             this.createView('list', 'views/record/list-expanded', {
                   el: this.options.el + ' > .list-container',
                   pagination: false,
                   type: 'list',
                   checkboxes: false,
                   collection: this.collection,
                   listLayout: this.listLayout,
             }, function (view) {
             view.render();
});
}, this);
this.collection.fetch();
},
actionRefresh: function () {
         this.collection.fetch();
}

I want this;

<ul class="list-group">
{{#each rowList}}
     <li data-id="{{./this}}" class="list-group-item list-row">
          {{{var this.entityType <----- like that ? ../this}}}
      </li>
{{/each}}
</ul>

[tanya]

https://github.com/wycats/handlebars.js/issues/250#issuecomment-9514811

[gundogduyakici]

https://github.com/wycats/handlebars...omment-9514811

I did what you said, but only the ID is coming. How do I get the data I want?

Result;

<ul class="list-group">
     {{#each rowList}}
          <li data-id="{{./this}}" class="list-group-item list-row">
               {{@index}}: {{this}}
          </li>
      {{/each}}
</ul>

I want this ;

<ul class="list-group">
     {{#each rowList}}
          <li data-id="{{./this}}" class="list-group-item list-row">
               {{@index}}: {{this.cityName}}
          </li>
      {{/each}}
</ul>

Because I use my own design.

[gundogduyakici]

Know what I mean ? tanya

[gundogduyakici]

I want to use what I need from the returning values tanya

[gundogduyakici]

<ul class="list-group">    
   {{#each rowList}}          
     <li data-id="{{./this}}" class="list-group-item list-row">              
         <h2>City: </h2>{{cityName}}              
         <h2>Car: </h2> {{carName}}          
     </li>    
   {{/each}}
</ul>