1

I am using Lightning in salesforce along with angular. I have below object

[{"day":"Wednesday, June 28th 2017"},{"day":"Thursday, June 29th 2017"},{"day":"Friday, June 30th 2017"},{"day":"Saturday, July 1st 2017"},{"day":"Sunday, July 2nd 2017"}]

I want to display this inside a nested table I tried below code.

<table ng-app="salesApp" ng-controller="MainCtrl">
            <tr ng-repeat="r in rows">
<td>
<table><tr><td>{{r.day}}</td></tr></table>
</td>
</tr></table>

Since I have nested table I guess I am losing the row data. I cannot put the ng-repeat inside the nested table so it has to be on the outer table. Any solution for this?

  • I would expect that to render. Check the JavaScript console for errors. See Requirements Checklist for cautions about mixing Lightning and Angular. Doesn't make much sense (as their capabilities overlap/interfere) unless you already have a large amount of Angular code already written. – Keith C Jun 26 '17 at 17:27
  • If I put r.day in outer table then it works fine. So may be its an issue where angular may be creating its own view for the new table? – user5129806 Jun 26 '17 at 17:43
  • Well ng-repeat duplicates the DOM element and its nested elements so not sure why the nested table makes a difference. – Keith C Jun 26 '17 at 17:50
  • This does render in jsfiddle - so yeah, mixing angular + lightning, not a good idea. jsfiddle.net/gp6vgtt4/1 – Caspar Harmer Jun 26 '17 at 18:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.