Hey! Good to see you!<\/p>\n
Let’s keep it simple this time. I would just give you:<\/p>\n
<\/p>\n
We would like to display the users Firstname<\/em>, Lastname<\/em>, email<\/em> and Department<\/em><\/p>\n Then I would tell you the files you need to\u00a0 include in your header.<\/p>\n <\/p>\n File to Include in your Header<\/b> <\/p>\n <\/p>\n Listing 1: Header Files<\/p>\n <\/p>\n AngularJS Script<\/b> <\/p>\n <\/p>\n Listing 2<\/b>: AngularJS Script<\/p>\n <\/p>\n The script retrieves the user’s details from a the Request URL. Then it places the retrieved data in the $Scope variable. Data placed in the $Scope is accessible from the html page by using the {{}}\u00a0 to enclose the variable name. That’s all you need<\/p>\n <\/p>\n The HTML Code<\/b> Listing 3: HTML Code<\/p>\n <\/p>\n Make sure you try it and let me know if you have any challenges. Hey! Good to see you! Let’s keep it simple this time. I would just give you: the HTML code the AngularJS Script We would … <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[113],"tags":[],"_links":{"self":[{"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/posts\/77"}],"collection":[{"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":2,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/posts\/77\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/posts\/77\/revisions\/620"}],"wp:attachment":[{"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/media?parent=77"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/categories?post=77"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/tags?post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nYou need to include Bootstrap, JQuery and AngularJS in the header section of your html page<\/p>\n<script <\/span>type=<\/span>\"application\/javascript\"<\/span> src=<\/span>\"jquery.min.js\"<\/span>><\/script><\/span> \r\n<script <\/span>type=<\/span>\"text\/javascript\"<\/span> src=<\/span>\"bootstrap.js\"<\/span>><\/span> <\/script><\/span> \r\n<script <\/span>type=<\/span>\"application\/javascript\"<\/span> src=<\/span>\"angular.js\"<\/span>><\/script><\/span><\/pre>\n
\nThe AngularJS script is given below. You need to enclose it in a <script><\/script>
\ntag.<\/p>\nvar<\/span> ShowUser =<\/span> function<\/span>(){\r\n $http({\r\n url:<\/span> baseUrl +<\/span> \"api\/user\"<\/span>, \/\/The Base URL depends on your sharepoint server<\/span>\r\n method:<\/span> \"GET\"<\/span>,\r\n headers:<\/span> { \"Accept\"<\/span>:<\/span> \"application\/json; odata=verbose\"<\/span> }\r\n }).then(function<\/span> mySucces(response) {\r\n $scope.DisplayName =<\/span> response.data.First_Name +<\/span> ', '<\/span> +<\/span> response.data.Last_Name;\r\n $scope.Location =<\/span> response.data.City;\r\n $scope.Department =<\/span> response.data.Department;\r\n $scope.TotalPoints =<\/span> 280<\/span>;\r\n}, function<\/span> error(response) {\r\nconsole.log(response);\r\n});\r\n};\r\n<\/pre>\n
\nThe HTML section that displays the\u00a0 user details is given below. You can modify it to fit your page design.
\n<\/p>\n<ul><\/span>\r\n <li><\/span>{{DisplayName}}<\/li><\/span>\r\n <li><\/span>{{Department}} <\/li><\/span>\r\n <li><\/span>{{Location}}<\/li><\/span>\r\n<\/ul><\/span><\/pre>\n
\nThanks .<\/p>\n","protected":false},"excerpt":{"rendered":"