myPassword

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>

2. 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>

3. 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>

4. we start to write a webapi.