diff options
| author | Misko Hevery | 2012-03-23 14:03:24 -0700 |
|---|---|---|
| committer | Misko Hevery | 2012-03-28 11:16:35 -0700 |
| commit | 2430f52bb97fa9d682e5f028c977c5bf94c5ec38 (patch) | |
| tree | e7529b741d70199f36d52090b430510bad07f233 /test/ngScenario/e2e/widgets.html | |
| parent | 944098a4e0f753f06b40c73ca3e79991cec6c2e2 (diff) | |
| download | angular.js-2430f52bb97fa9d682e5f028c977c5bf94c5ec38.tar.bz2 | |
chore(module): move files around in preparation for more modules
Diffstat (limited to 'test/ngScenario/e2e/widgets.html')
| -rw-r--r-- | test/ngScenario/e2e/widgets.html | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/test/ngScenario/e2e/widgets.html b/test/ngScenario/e2e/widgets.html new file mode 100644 index 00000000..f986144e --- /dev/null +++ b/test/ngScenario/e2e/widgets.html @@ -0,0 +1,99 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns:ng="http://angularjs.org"> + <head ng-app> + <link rel="stylesheet" type="text/css" href="style.css"/> + <script type="text/javascript" src="../../../src/angular-bootstrap.js"></script> + </head> + <body ng-init="$window.$scope = this"> + <table> + <tr> + <th width="330">Description</th> + <th>Test</th> + <th>Result</th> + </tr> + <tr><th colspan="3">Input text field</th></tr> + <tr> + <td>basic</td> + <td id="text-basic-box"> + <input type="text" ng-model="text.basic"/> + </td> + <td>text.basic={{text.basic}}</td> + </tr> + <tr> + <td>password</td> + <td><input type="password" ng-model="text.password" /></td> + <td>text.password={{text.password}}</td> + </tr> + <tr> + <td>hidden</td> + <td><input type="hidden" ng-model="text.hidden" value="hiddenValue" /></td> + <td>text.hidden={{text.hidden}}</td> + </tr> + <tr><th colspan="3">Input selection field</th></tr> + <tr id="gender-box"> + <td>radio</td> + <td> + <input type="radio" ng-model="gender" value="female"/> Female <br/> + <input type="radio" ng-model="gender" value="male" checked="checked"/> Male + </td> + <td>gender={{gender}}</td> + </tr> + <tr> + <td>checkbox</td> + <td> + <input type="checkbox" ng-model="checkbox.tea" checked value="on"/> Tea<br/> + <input type="checkbox" ng-model="checkbox.coffee" value="on"/> Coffe + </td> + <td> + <pre>checkbox={{checkbox}}</pre> + </td> + </tr> + <tr> + <td>select</td> + <td> + <select ng-model="select"> + <option>A</option> + <option>B</option> + <option>C</option> + </select> + </td> + <td>select={{select}}</td> + </tr> + <tr> + <td>multiselect</td> + <td> + <select ng-model="multiselect" multiple> + <option>A</option> + <option>B</option> + <option>C</option> + </select> + </td> + <td>multiselect={{multiselect}}</td> + </tr> + <tr><th colspan="3">Buttons</th></tr> + <tr> + <td>ng-change<br/>ng-click</td> + <td ng-init="button.count = 0; form.count = 0;"> + <form ng-submit="form.count = form.count + 1"> + <input type="button" value="button" ng-change="button.count = button.count + 1"/> <br/> + <input type="submit" value="submit input" ng-change="button.count = button.count + 1"/><br/> + <button type="submit">submit button</button> + <input type="image" src="" ng-change="button.count = button.count + 1"/><br/> + <a href="" ng-click="button.count = button.count + 1">action</a> + </form> + </td> + <td>button={{button}} form={{form}}</td> + </tr> + <tr><th colspan="3">Repeaters</th></tr> + <tr id="repeater-row"> + <td>ng-repeat</td> + <td> + <ul> + <li ng-repeat="name in ['misko', 'adam']">{{name}}</li> + </ul> + </td> + <td></td> + </tr> + </table> + </body> + </html> |