Utilize AngularJS to Capitalize the First Letter and the Letter Following a Dot (.)

Question

Utilize AngularJS to Capitalize the First Letter and the Letter Following a Dot (.)

I am seeking a solution to capitalize the first letter in a given string, like so:

 sumo => Sumo

Additionally, I need to capitalize strings in the following format:

Dr.ravi kumar => Dr.Ravi kumar

Although I have implemented an Angular filter that successfully handles the first scenario, it does not work for the second one. Here is the custom filter that I am currently using:

 angular
    .module('app')
    .filter('capitalize', function () {
        return function (input, scope) {
            if (input != null) {
                input = input.toLowerCase();
                return input.substring(0, 1).toUpperCase() + input.substring(1);
            }
        }
    });

javascript angularjs

Answer 1

Answer №1

string="hello there. I am Dr.Test. Nice to meet you. By the way, what is your name?";
string=string.split("");
capsLock=true;
for(key in string){
 console.log(string[key],capsLock);
  if(string[key]==="."){
    capsLock=true;
  }else{
  if(capsLock&&(string[key]!==" ")){
    string[key]=string[key].toUpperCase();
    capsLock=false;
   }}}
  string=string.join("");
 console.log('result:',string);

My revised response (slower):

string="hello there. I am Dr.Test. Nice to meet you";
words=string.split(" ");
var dots=[0];
for(key in words){//loop through words
    var word=words[key];
    var chars=word.split("");
    if(dots.length){//there was a dot before, that wasn't a doctor: let's find the first letter and capitalize it
       chars[0]=chars[0].toUpperCase();   
       dots.shift();//remove dot      
    }
   chars.forEach((char,i)=>{if(char=="."){dots.push(i)}});
   if(dots[0]&&dots[0]!=chars.length-1){//dot not at the end...
       chars[dots[0]+1]=chars[dots[0]+1].toUpperCase();//capitalize our doctor...
       dots.shift();//remove dot from array
   }
   word=chars.join("");
   words[key]=word;
}
 string=words.join(" ");
 console.log('result:',string);

Working demo: http://jsbin.com/docecuvote/edit?console

Answer 2

string="hello there. I am Dr.Test. Nice to meet you. By the way, what is your name?";
string=string.split("");
capsLock=true;
for(key in string){
 console.log(string[key],capsLock);
  if(string[key]==="."){
    capsLock=true;
  }else{
  if(capsLock&&(string[key]!==" ")){
    string[key]=string[key].toUpperCase();
    capsLock=false;
   }}}
  string=string.join("");
 console.log('result:',string);

My revised response (slower):

string="hello there. I am Dr.Test. Nice to meet you";
words=string.split(" ");
var dots=[0];
for(key in words){//loop through words
    var word=words[key];
    var chars=word.split("");
    if(dots.length){//there was a dot before, that wasn't a doctor: let's find the first letter and capitalize it
       chars[0]=chars[0].toUpperCase();   
       dots.shift();//remove dot      
    }
   chars.forEach((char,i)=>{if(char=="."){dots.push(i)}});
   if(dots[0]&&dots[0]!=chars.length-1){//dot not at the end...
       chars[dots[0]+1]=chars[dots[0]+1].toUpperCase();//capitalize our doctor...
       dots.shift();//remove dot from array
   }
   word=chars.join("");
   words[key]=word;
}
 string=words.join(" ");
 console.log('result:',string);

Working demo: http://jsbin.com/docecuvote/edit?console

Answer 3

Answer №2

Give this a shot:

angular
    .module('app')
    .filter('capitalizeFirstLetter', function () {
        return function (input, scope) {
            if (input != null) {
                input = input.toLowerCase();
                return input.substring(0, 1).toUpperCase() +input.substring(1).split('.')[0] + '.' + input.substring(1).split('.')[1].substring(0, 1).toUpperCase() + input.substring(1).split('.')[1].substring(1)
            }
        }
    });

Answer 4

Give this a shot:

angular
    .module('app')
    .filter('capitalizeFirstLetter', function () {
        return function (input, scope) {
            if (input != null) {
                input = input.toLowerCase();
                return input.substring(0, 1).toUpperCase() +input.substring(1).split('.')[0] + '.' + input.substring(1).split('.')[1].substring(0, 1).toUpperCase() + input.substring(1).split('.')[1].substring(1)
            }
        }
    });

Utilize AngularJS to Capitalize the First Letter and the Letter Following a Dot (.)

Answer №1

Answer №2

Similar questions

Exploring the means to obtain the element where another element is dropped in ngDraggable within AngularJS

Attempting to capture a previously unhandled error thrown by Axios when utilized in conjunction with React Query (with suspense mode enabled) within a NextJs application

The HTML table seems to be inexplicably replicating defaultValue values

Attempting to Create a New User and Display the Resulting Page Using JavaScript and Handlebars Templates

Obtain a variety of selections for multiple selects and individually incorporate them into a standard select menu

Exploring the concept of generator functions in ES6

Determine the exact moment at which the value shifts within the table

Issue with React Hook Form - frequent failure in submitting the form

Executing a personalized function within a Server Component with the Next JS App Router while the application is running

What is the process for removing a key from an object and replacing it with its corresponding value?

Discover the method of accessing items pushed into an empty array within a view

Issues encountered while trying to implement HTML text within span tags

Utilize AngularJs to transform base64 encoded data into an image

Is it possible to distinguish and identify each separate window when a user opens multiple instances of your site?

Troubleshooting Transclusion Problems in Angular

Issue with express-http-proxy where relative URL paths are not functioning as expected

Encountering the error message "Module 'request' not found" despite the fact that I've already included the request module

Is it possible to customize the color of the modal backdrop in layer v4 of the Material-UI library

The functionality of Angularjs ui-modal is being affected by issues related to the $http request

Achieving Compatibility Between jQuery 3.6.0 and Node.js v12.16.1