Integrate Category Listing

@await Html.PartialAsync("~/Views/qa/partials/_CategoryList.cshtml", new CategoryListViewModel_v2()
{
        QueryOptions = new CategoryEntity()
        {
              type = (int)CategoryBLL.Types.QA,
              ispublic = true,
              iscache = true,
              pagesize = 6,
              order = "priority desc",
        },
        ListObject = new ListItems()
        {
              ListType = ListType.Grid,
              ColWidth = "col-md-6",
         },
         shortList = true,
         Path = "qa/", // category url path
         NoRecordFoundText = "No Record Found!"
})

Integrate Q&A Listing

@await Html.PartialAsync("~/views/qa/partials/_List_SM_01.cshtml", new Jugnoon.QA.Models.QAListViewModel()
{
        BrowseText = "Browse All",
        BrowseUrl = "/qa",
        HeadingTitle = "Recently Asked Questions",
        NoRecordFoundText = "No Questions Found!",
        ListObject = new Jugnoon.Scripts.ListItems()
        {
             showUser = true,
             showDate = true,
             ListType = ListType.List
         },
         QueryOptions = new Jugnoon.QA.QAEntity()
         {
              order = "qa.created_at desc",
              ispublic = true,
              iscache = true, // toggle cache on | off
              isfeatured = FeaturedTypes.All,
              pagesize = 15
          }
})

Q&A Listing with Pagination Model Initialization

 var ListEntity = new QAListViewModel()
{
       isListStatus = false,
       QueryOptions = new QAEntity()
       {
             pagenumber = (int)pagenumber,
             term = "",
             iscache = true,
             ispublic = true,
             pagesize = 10,
             isfeatured = FeaturedTypes.All,
             datefilter = DateFilter.AllTime,
             order = "qa.created_at desc",
       },
       ListObject = new ListItems()
       {
              ListType = ListType.List, // 0: grid 1: list
       },
       HeadingTitle = "Recently Asked Qestions",
       DefaultUrl = "/qa",
       PaginationUrl = "/qa/page/[p]/",
       NoRecordFoundText = "No Questions Found!",
};
ListEntity.TotalRecords = await QABLL.Count(_context, ListEntity.QueryOptions);
if (ListEntity.TotalRecords > 0)
     ListEntity.DataList = await QABLL.LoadItems(_context, ListEntity.QueryOptions);

Angular Reactive Form Attributes

// Text Box Control
controls.push(
      new Controls.Textbox({
         key: "firstname",
         label: "First Name",
         placeholder: "Enter first name",
         value: "",
         colsize: "col-md-12",
         required: true,
         helpblock: "",
         order: 0
      })
);

// Dropdown Control
new Controls.Dropdown({
      key: "rating_option",
      label: "Rating Options",
      required: true,
      value: entity.rating_option.toString(),
      options: [
            {
              key: 0,
              value: "Like / Dislike"
            },
            {
              key: 1,
              value: "Five Star"
            },
            {
              key: 2,
              value: "Disabled"
            }
        ],
        helpblock:
           "Setup rating option for contents 0: five star, 1: like / dislike, 2: disable rating",
        order: 19
    })
);

// Rich Text Editor Control
controls.push(
      new Controls.TinyMyceEditor({
      key: "contents",
      label: "Contents",
      value: entity.contents,
      tinymiceOptions: this.coreService.prepareInitAdvacneEditorSettings(),
      required: true,
      order: 6
  })
);

// Image Cropper Control
controls.push(
      new Controls.ImageCropper({
          key: "picturename",
          label: "",
          value: entity.picturename,
          required: false,
          cropperOptions: cropperOptions,
          helpblock: "",
          order: 9
     })
);

Similarly lots of more pre-built reactive form controls with validations with ability to add your own. That can help you build complex applications or features on the fly.