I was able to create a form using angular using the below code.
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script>
window.onload = function () {
alert('page');
};
function ContactsCtrl($scope) {
$scope.contact = { firstName: "", lastName: "", Location: "", Departmant: "" };
$scope.addContact = function ($event) {
var x = $scope.contact;
$event.preventDefault();
if (x.Departmant == "HR") {
alert('pease select IT');
}
else {
var clientContext = new SP.ClientContext.get_current();
var web = clientContext.get_web();
var list = web.get_lists().getByTitle('Contact Details');
// create the ListItemInformational object
var listItemInfo = new SP.ListItemCreationInformation();
// add the item to the list
var listItem = list.addItem(listItemInfo);
// Assign Values for fields
listItem.set_item('Title', x.firstName);
listItem.set_item('firstName', x.firstName);
listItem.set_item('lastName', x.lastName);
listItem.set_item('fullName', x.firstName + " " + x.lastName);
listItem.set_item('Location', x.Location);
listItem.set_item('Departmant', x.Departmant);
listItem.update();
clientContext.executeQueryAsync(
Function.createDelegate(this, onQuerySucceeded),
Function.createDelegate(this, onQueryFailed)
);
}
};
onQuerySucceeded = function () {
alert('Successfully updated the contact');
}
onQueryFailed = function (sender, args) {
alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}
}
</script>
Can someone suggest a way to load a list item using ID onpage load using angular JS?