VersionOne API query with AngularJS
HTML
<script src="http://versionone.github.io/VersionOne.SDK.JavaScript/v1browsersdk.js"></script>
<html ng-app>
<body ng-controller="DemoController">
<div ng-repeat="member in members">
<h2>Email:<span>{{member.Email}}</span></h2>
<div>
Username: <span>{{member.Username}}</span><br />
ID: <span>{{member.ID}}</span><br />
</div>
</div>
<div id="error" class="ui-icon ui-icon-alert"></div>
</body>
</html>
CSS
#memberPanel {
margin: 10px;
padding: 8px;
border: 2px solid darkblue;
background: lightgray;
}
#memberPanel h2 {
background: chartreuse; /* you know you love it. */
}
#error {
visibility:hidden;
}
JavaScript
function DemoController($scope) {
var members = [];
var hostname = "ec2-54-205-135-234.compute-1.amazonaws.com";
var instance = "VersionOne";
var username = "admin";
var password = "admin";
var port = "80";
var protocol = "http";
var server = new v1sdk.V1Server(hostname, instance, username, password, port, protocol);
var v1 = new v1sdk.V1Meta(server);
v1.query({
from: "Member",
where: {
IsSelf: true
},
select: ['Email', 'Username', 'ID'],
success: function(result) {
console.log(result.Email);
// TODO: for now this is still a hack for a single-result
members.push({
Email: result.Email,
ID: result.ID,
Username: result.Username
});
$scope.members = members;
},
error: function(err) {
console.log(err);
}
});
}