Integrate Job Listing

@await Html.PartialAsync("~/views/ads/partials/_List_SM_01.cshtml", new Jugnoon.Classified.Models.ClassifiedListViewModel()
{
        BrowseText = "Browse All",
        BrowseUrl = "/ads",
        HeadingTitle = "Recent Jobs",
        NoRecordFoundText = "No Jobs Found!",
        ListObject = new Jugnoon.Scripts.ListItems()
        {
             showUser = true,
             showDate = true,
             ListType = ListType.List
         },
         QueryOptions = new Jugnoon.Classified.ClassifiedEntity()
         {
              order = "ad.created_at desc",
              ispublic = true,
              iscache = true, // toggle cache on | off
              isfeatured = FeaturedTypes.All,
              pagesize = 15
          }
})

Jobs Listing with Pagination Model Initialization

 var ListEntity = new ClassifiedListViewModel()
{
       isListStatus = false,
       QueryOptions = new Classified()
       {
             pagenumber = (int)pagenumber,
             term = "",
             iscache = true,
             ispublic = true,
             pagesize = 10,
             isfeatured = FeaturedTypes.All,
             datefilter = DateFilter.AllTime,
             order = "ad.created_at desc",
       },
       ListObject = new ListItems()
       {
              ListType = ListType.List, // 0: grid 1: list
       },
       HeadingTitle = "Recently Posted Jobs",
       DefaultUrl = "/ads",
       PaginationUrl = "/ads/page/[p]/",
       NoRecordFoundText = "No Jobs Found!",
};
ListEntity.TotalRecords = await ClassifiedBLL.Count(_context, ListEntity.QueryOptions);
if (ListEntity.TotalRecords > 0)
     ListEntity.DataList = await ClassifiedBLL.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.