018.2 Navigation aware typescript components for the First View (Kendo UI for Angular) - chempkovsky/CS82ANGULAR GitHub Wiki

Note

Note

• Repeat all the steps of the article

Instead of

• 02020-Rdl.json
• You should use
  • 02020-Rdl.kendo.json

Instead of code of the paragraph 08 Modify AppComponentHtml file

• You should modify app.component.ts file as follows

...
    mainMenuItems: Array<{id?: number | string, parentId?: number | string, text?: string, icon?: string, disabled?: boolean, selected?: boolean, separator?: boolean, path?: string}> = [
      { text: "Home", icon: "k-i-home", selected: false, path: "/home" },
// never leave separator as the last element of an array
      { separator: true },
      { text: "List of Phone Types Dlg", icon: "k-i-grid", selected: false, path: 'RDLPhbkPhoneTypeView' },
   ];
...

Instead of

• 01960-Rv.json
• 01962-Ra.json
• 01964-Ru.json
• 01966-Rd.json
• 01968-Rl.json
• You should use
  • 01960-Rv.kendo.json
  • 01962-Ra.kendo.json
  • 01964-Ru.kendo.json
  • 01966-Rd.kendo.json
  • 01968-Rl.kendo.json

Instead of code of the paragraph 11 Modify AppComponentHtml file

• You should modify app.component.ts file as follows

...
    mainMenuItems: Array<{id?: number | string, parentId?: number | string, text?: string, icon?: string, disabled?: boolean, selected?: boolean, separator?: boolean, path?: string}> = [
      { text: "Home", icon: "k-i-home", selected: false, path: "/home" },
// never leave separator as the last element of an array
      { separator: true },
      { text: "List of Phone Types Dlg", icon: "k-i-grid", selected: false, path: 'RDLPhbkPhoneTypeView' },
      { text: "List of Phone Types", icon: "k-i-grid", selected: false, path: 'PhbkPhoneTypeView' },
   ];
...