AngularJS caseInsensitiveMatch and Inline Templates

angularjs caseinsensitivematch
angularjs inline template
angularjs inline views

In this video we will discuss 2 simple but useful features in Angular
caseInsensitiveMatch
Inline Templates

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.

Let us understand these 2 features with examples.

caseInsensitiveMatch : The routes that are configured using config function are case sensitive by default. Consider the route below. Notice the route (/home) is lowercase.

$routeProvider
.when("/home", {
controller: "homeController",
controllerAs: "homeCtrl",
})

If you type the following URL, the you will see a blank layout page. This is because, by default routes are case-sensitive

To make the route case-insensitive set caseInsensitiveMatch property to true as shown below.

$routeProvider
.when("/home", {
controller: "homeController",
controllerAs: "homeCtrl",
caseInsensitiveMatch: true
})

To make all routes case-insensitive set caseInsensitiveMatch property on $routeProvider as shown below.

$routeProvider
.when("/home", {
controller: "homeController",
controllerAs: "homeCtrl",
})

Should the view content always come from a separate html file. Not necessarily. You can also use an inline template. To use an inline template use template property as shown below.

$routeProvider
.when("/home", {
template: "[h1]Inline Template in action[/h1]",
controller: "homeController",
controllerAs: "homeCtrl"
})

Link for all dot net and sql server video tutorial playlists

Link for slides, code samples and text version of the video

[jeannemccabe]

Thank you so much for making these videos. Just "getting used to" the syntax and vocabulary has been difficult for me. I appreciate your repeated examples and explanations!!!!

[folorunso]

Seem Venkat is now fully back! Nobody does it not better .. God bless

[sayeedahmed]

thanks for your tutorial . i am new for angular and i 'm following your angular series . waiting for your next tutorial . i hope you will complete this course. thanks again!!!

[persistencej]

Your Tutorials are so helpful to the beginners ... Thanks a lot

[anilvadlamudi]

Sir can you please upload some videos on Directives?

[swellmar]

This actully dosent work for me with the caseInsensitiveMatch. I got directed to default page even if i comment the .otherwise.