Note About myPassword

1. how to binding table rows to an array
   Sample code

$scope.Credentials = [{ UserName: "熊二", Password: "123123123", Provider: "Test", Description: "Test" },{ UserName: "光头强", Password: "123123123", Provider: "Test", Description: "Test" },{ UserName: "吉吉国王", Password: "123123123", Provider: "Test", Description: "Test" },{ UserName: "熊大", Password: "123123123", Provider: "Test", Description: "Test" }];<table id="CredentialList"><thead><tr id="Header"><th>UserName</th><th>Password</th><th>Provider</th></tr><tr ng-repeat="EachCredential in Credentials"><td>{{EachCredential.UserName}}</td><td>{{EachCredential.Password}}</td><td>{{EachCredential.Provider}}</td></tr></thead></table>

1. ng-click eventhandler function, we can pass parameters to it.
   Sample code

    <tr ng-repeat="EachCredential in Credentials" ng-click="SelectRow($event,EachCredential);"><td>{{EachCredential.UserName}}</td><td>{{EachCredential.Password}}</td><td>{{EachCredential.Provider}}</td></tr>

1. ng-class, we can set the class based on the expression, it is useful when hightlight the selected Row,

please be note that, the $index is the key variables in angularjs.
Sample code:

    <tr ng-repeat="EachCredential in Credentials" ng-click="SelectRow($index,EachCredential);" ng-class="{'selected':$index==selectedRow}"><td>{{$index}}</td><td>{{EachCredential.UserName}}</td><td>{{EachCredential.Password}}</td><td>{{EachCredential.Provider}}</td></tr>

1. we start to write a webapi.