ng-bootstrap

Slugify

The bsSlugify pipe converts a string into a URL-friendly slug — lowercase, hyphen-separated, with diacritics stripped.

Basic usage

  
    
      
        <input type="text" [(ngModel)]="text">
        
    
      
        <label>{{ text | bsSlugify }}</label>
        
    

  
    
      
        import { Component } from '@angular/core';
        
    
      
        import { FormsModule } from '@angular/forms';
        
    
      
        import { BsSlugifyPipe } from '@mintplayer/ng-bootstrap/slugify';
        
    
      
        
        
    
      
        @Component({
        
    
      
          selector: 'my-slugify-demo',
        
    
      
          templateUrl: './my-slugify-demo.component.html',
        
    
      
          imports: [FormsModule, BsSlugifyPipe],
        
    
      
        })
        
    
      
        export class MySlugifyDemoComponent {
        
    
      
          protected text = 'Hello world';
        
    
      
        }