Inconsistent Tutorial #10157

• 10.2.0
• Angular
• .net Core

Hi,

I'm following the Phonebook demo tutoriall using both the Udemy video course as well as the step-by-step documentation. They seem to follow eachother 1:1, but then start to deviate in the actual code used, which makes it very confusing. Also, if I use the code from your documenttaion, it seems to be faulty; the below code copied from your tutorial throws errors because of unclosed Div's; I havent figured out yet what is the problem.

Furthermore, in the text explaining the code and its localization, it refers to the lower case "l", which in the video is indeed shown as <span>{{l("Phonebook")}}</span> but in the documentation as <span>{{"PhoneBook" | localize}}</span>. It also uses quite different classes from what is shown in the video.

The discrapancy between the documentation and the instruction video is quite annoying, as I cannot copy/paste the code from the video and hence have manually copy the code, which is much more error prone. I would expext the video and the text to match, so both can be used simultaniously?

What should I follow, and if I should follow the documentation, why is the below code (which is an exact copy of the example) not working?

``<div [@routerTransition]> <div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor"> <div class="kt-subheader kt-grid__item"> <div [class]="containerClass"> <div class="kt-subheader__main"> <h3 class="kt-subheader__title"> <span>{{"PhoneBook" | localize}}</span> </h3> </div> </div> </div> <div [class]="containerClass + ' kt-grid__item kt-grid__item--fluid'" <div class="kt-portlet kt-portlet--mobile"> <div class="kt-portlet__body kt-portlet__body--fit"> <p>PHONE BOOK CONTENT COMES HERE!</p> </div> </div> </div> </div> </div>