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


Download file with extension for internet explorer and chrome using javascript

SOLVED Problem Statement :
Internet explorer download file does not shows file extension

Solution : java script code that append file type extension

function save() { var fileUrl = "${fileUrl}"; var fileName = "${fileName}"; var mimeType = "${mimeType}"; var ie = navigator.userAgent.match(/MSIE\s([\d.]+)/), ie11 = navigator.userAgent .match(/Trident\/7.0/) && navigator.userAgent.match(/rv:11/), ieEDGE = navigator.userAgent .match(/Edge/g), ieVer = (ie ? ie[1] : (ie11 ? 11 : (ieEDGE ? 12 : -1))); if (ie && ieVer < 10) { console.log("No blobs on IE ver<10"); return; } if (ieVer > -1) { console.log(" blobs on IE ver>10"); //window.open(fileUrl,"_self");        var xhr = new XMLHttpRequest(); xhr.open('GET', fileUrl, true); xhr.responseType = 'blob'; xhr.onload = function(e) { if (this.status == 200) { var myBlob = this.response; downloadFileForIE(myBlob, fileName, mimeType); } }; xh…