Categories:
  1. Service Portal Introduction
  2. Service Portal Training Content
  3. Service Portal Object
  4. Portal Backend Structure
  5. Portal Module & Element
  6. Service Portal Configuration
  7. Build a new Portal
  8. Create Header Menu
  9. Data Preview from Server Side to HTML
  10. HTML Basic
  11. Get Incident Data & Show in a table
  12. Call HTML to Client Script
  13. Call Server Side Script for Action
  14. ServiceNow OOB Widget Provide for Portal
  15. Javascript popup VS SPModal
  16. spUtil – Client Dependency Service Portal
  17. Widget Embedded
  18. Send data from one widget to another
  19. GlideSPScriptable API on Server Side
  20. Angular Template
  21. $location, $timeout, $uibModal & $watch Services
  22. Use HTTP Service or REST Call on ServicePortal
  23. Angular Directive & Angular Filter
  24. Create a custom list widget with pagination, order, and filter
  25. ServiceNow Custom Component(Reference & Date Fields) in Service Portal
  26. Localization
  27. Create Own Theme
  28. Angular Provider & Dependency
  29. Service Portal Additional Details

Angular Provider & Dependency

Angular Provide help you to create custom object in service portal that can be used in your widget.

In service Portal we can create 3 type of component:

  • Directive
  • Services – It doesn’t return anything.
  • Factory – Return create Object.

The difference between factory and service is just like the difference between a function and an object.

Create Custom Directive

Create Custom Directive and add the below code client Side Code:

function() {
    return {
		scope:{custompageid:"@",customtext:"@"},
        template: '<div ng-click="redirect()" class="btn btn-primary">{{customtext}}</div>',
        controller: function($scope, $location) {
            $scope.redirect = function() {
                $location.search({id: $scope.custompageid});
            }
        },
    };
}

Use in HTML to call directive:

		<div sp-button></div> for Attribute 
		<sp-button></sp-button>  for Element
<sp-click-button custompageid="form" customtext="Go To Home"></sp-click-button>

Create Custom Services

Sorting by custom services

var json = [{
    "name": "user1",
    "order": 3
}, {
    "name": "user2",
    "order": 6
}, {
    "name": "user3",
    "order": 1
}];

JavaScript:

json.sort(function(a, b){
    return a.order - b.order;
});

Angular Dependency:

https://cdnjs.com/libraries/angularjs-dropdown-multiselect

Total Views: 1374

One response

Leave a Reply

Your email address will not be published. Required fields are marked *