Conditional Table row in angularJs

    <tbody ng:repeat="i in picks" style="height: 50px; left: 50px">
            <tr style="border-top: 1px solid #000; text-align:left">
                ....
            </tr>
             <tr ng-show="i.pick2 !== '' && i.pick2 !== undefined && i.pick2 !== null">
              ...
           </tr>
  </tbody>

This way you can display tr conditionally.

Demo

If you have a table structure like this:

<table>
    <thead>
        <tr>
           <th>Name</th>
           <th>Description</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="row in rows">
            <td>{{row.name}}</td>
            <td>{{row.description}}</td>
        </tr>
    </tbody>
</table>

And you want to conditionally display another row depending on whether a property exists on a given iteration of ngRepeat, then I recommend implementing a directive (smartRow) that checks for the property and adds the additional row when the property exists:

<table>
    <thead>
        <tr>
           <th>Name</th>
           <th>Description</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="row in rows" smart-row="row">
            <td>{{row.name}}</td>
            <td>{{row.description}}</td>
        </tr>
    </tbody>
</table>

Directive

  app.directive('smartRow', function($compile) {
    return  {
      restrict: 'A',
      transclude: 'element',
      link: function(scope, element, attr, ctrls, transcludeFn) {
        var model = scope.$eval(attr.smartRow);
        transcludeFn(function(clone) {
          element.after(clone);
          if (model.hasOwnProperty('price')) {

             var priceRow = angular.element('<tr price-row="' + model.price + '"></tr>');
             clone.after(priceRow);
             $compile(priceRow)(scope);
          }
        })
      }
    }
  });

The example solution was meant to demonstrate concepts that you could use in your own solution:

1. Using ngRepeat to loop over your array model and output HTML row elements
2. Using a custom directive to conditionally check for a property, and when it exists, insert another row element after it (the price row in my example). The directive uses 'element' transclusion to achieve this.
3. Using the $compile service to manually compile the extra row and link it to the child scope created by ngRepeat. In my example, I created a tr row with a priceRow directive, inserted it into the DOM, and then manually compiled it and linked it to the right scope.

One idea to achieve this is use the ngIf directive (see here) to check for the pick2

You create two different set of <tr> one with something like <tr ng-if="pick2"> and another like <tr ng-if="!pick2"> so when you ngRepeat looped, it can decide which <tr> to be generated.

Another way is to create a custom directive where you can treat pick2 as an input parameter for the custom directive to generate the appropriate <tr> markup.