Project

General

Profile

« Previous | Next » 

Revision 50290

Added by Myrto Koukouli over 6 years ago

forms array view works!

View differences:

my-array.interface.ts
13 13 
@Component({
14 14 
  selector : 'form-repeat',
15 15 
  template : `
16 
  <div [formGroup]="parentGroup" class="uk-margin uk-grid-match uk-child-width-1-2@m uk-grid-small uk-grid uk-scrollspy-inview uk-animation-fade">
16 
  <div [formGroup]="parentGroup" class="interfacesForm uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-2@m uk-grid-small uk-grid uk-scrollspy-inview uk-animation-fade">
17 17 
      <!--<div formArrayName="{{name}}">-->
18 
          <ng-template my-form></ng-template>
18 
      <ng-template my-form></ng-template>
19 19 
      <!--</div>-->
20 
      <div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade">
21 
        <div class="interface-box new" style="text-align: center">
22 
          <a class="add-new-element add-new-group" (click)="push()"><i class="fa fa-plus-square-o" aria-hidden="true"></i>
23 
            <span class="info">Add New {{ description.label }}</span></a>
24 
        </div>
25 
      </div>
20 26 
  </div>
21 
  <div class="uk-margin uk-grid-match uk-child-width-1-2@m uk-grid-small uk-grid uk-scrollspy-inview uk-animation-fade">
22 
    <div class="interface-box new" style="text-align: center">
23 
        <a class="add-new-element add-new-group" (click)="push()"><i class="fa fa-plus-square-o" aria-hidden="true"></i>
24 
          <span class="info">Add New {{ description.label }}</span></a>
25 
    </div>
26 
  </div>
27 27 
`
28 28 

  		




  29
  29
  
    
})


  		




  ......




  143
  143
  
    
@Component({


  		




  144
  144
  
    
  selector : 'form-repeat-wrapper',


  		




  145
  145
  
    
  template : `


  		




  146
  
  
    
    <div class="group">


  		




  147
  
  
    
<!--


  		




  148
  
  
    
        <div class="uk-grid">


  		




  149
  
  
    
            <div class="uk-width-1-5"></div>


  		




  150
  
  
    
            <div class="uk-width-expand\@m">


  		




  151
  
  
    
                <label class="">


  		




  152
  
  
    
                    {{description.label}}


  		




  153
  
  
    
                    <a *ngIf="canDelete" class="remove-element" (click)="remove()">


  		




  154
  
  
    
                        <i class="fa fa-times" aria-hidden="true"></i>


  		




  155
  
  
    
                    </a>


  		




  156
  
  
    
                </label>


  		




  157
  
  
    
            </div>


  		




  158
  
  
    
        </div>


  		




  159
  
  
    
-->


  		




  
  146
  
    
    <div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade">


  		




  160
  147
  
    
      <div class="interfaceActionsPanel" style="margin-left: 5px;">


  		




  161
  148
  
    
        <a (click)="remove()"><i class="fa fa-remove fa-lg"></i></a>


  		




  162
  149
  
    
      </div>


  		












Also available in:  Unified diff