Skip to main content

How To Remove Unwanted Div Tags In HTML

Problem Statement :

Html code having unnecessary div tags due to html for loop ,so there is some  invisible empty div's

Solution : By using HTML Template Before Code :


<ul class="items">
    <div *ngFor="let config of configs">      
      <div *ngFor="let group of groups.groups  | objectToArray">
     <div *ngIf="config.Group==group">     
      <li (click)="onSelect(group,config.Client)">
        <span class="badge">{{ group}}</span>
      </li>         
     </div>
      </div>
    </div>

</ul>


After Code : 


 <div class="grid grid-pad">   
  <template ngFor let-config[ngForOf]="configs">
   <template  ngFor let-group [ngForOf]= "groups.groups  | objectToArray">   
    <template [ngIf]="config.Group==group">
      <a [routerLink]="['/search',config.Client,group]"  class="col-1-4"> 
     <div class="module group">      
       <h4>{{group}}</h4>
     </div>       
      </a>
     </template>    
    </template>
  </template>

   </div> 


Notes : here the template tag won't be added into html code


Comments

Popular posts from this blog

Angular cli ng command is not working

Problem : angular cli command  ng is not working

C:\Windows\System32>ng
'ng' is not recognized as an internal or external command,
operable program or batch file.

Solution :

update .npmrc file at C:\Users\{USERNAME}
with the below line

prefix=${APPDATA}\npm

warning: LF will be replaced by CRLF in

Problem :

The file will have its original line endings in your working directory







Solution:

step1) open .gitconfig file

step2) paste the below code


[core]
autocrlf = false
[filter "lfs"]
required = true
clean = git-lfs clean -- %f
smudge = git-lfs smudge -- %f
process = git-lfs filter-process


How to remove entity in jhipster and create fresh entities

Problem Statement : Not able to delete jhipster entity and wanted to entities freshly

Solution :

Step 1) Open command prompt and point to the jhipster project root

Step 2) Run  jhipster remove-entity

Step 3) Run jhipster

Step 4) Then import new jdl  using below command

jhipster import-jdl jhipster-jdl.jh

Step 5 ) Then Run  mvnw


Still Problem  : One of the entity may not load data and shows 500 error

Drop the tables in h2 database and let and do mvnw again.

To connect to local database Goto -> Administration -->Database --> Connect