mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-17 07:40:22 +00:00
e7e894a2e3
- "this" always means the current chain scope inside a DSL
- addFutureAction callbacks now take ($window, $document, done)
- $document has a special method elements() that uses the currently selected nodes in the document as defined by using() statements.
- $document.elements() allows placeholder insertion into selectors to make them more readable.
ex. $document.elements('input[name="$1"]', myVar) will substitute the value of myVar for $1 in the selector. Subsequent arguments are $2 and so on.
- $document.elements() results have a special method trigger(event) which should be used to events. This method implements some hacks to make sure browser UI controls update and the correct angular events fire.
- futures now allow custom formatting. By default any chain that results in a future can use toJson() or fromJson() to convert the future value to and from json. A custom parser can be provided with parsedWith(fn) where fn is a callback(value) that must return the parsed result.
Note: The entire widgets.html UI is now able to be controlled and asserted through DSL statements!!! Victory! :)
99 lines
3.1 KiB
HTML
99 lines
3.1 KiB
HTML
<!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>
|
|
<link rel="stylesheet" type="text/css" href="style.css"/>
|
|
<script type="text/javascript" src="../lib/jquery/jquery-1.4.2.js"></script>
|
|
<script type="text/javascript" src="../src/angular-bootstrap.js" ng:autobind></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" name="text.basic"/>
|
|
</td>
|
|
<td>text.basic={{text.basic}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>password</td>
|
|
<td><input type="password" name="text.password" /></td>
|
|
<td>text.password={{text.password}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>hidden</td>
|
|
<td><input type="hidden" name="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" name="gender" value="female"/> Female <br/>
|
|
<input type="radio" name="gender" value="male" checked="checked"/> Male
|
|
</td>
|
|
<td>gender={{gender}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>checkbox</td>
|
|
<td>
|
|
<input type="checkbox" name="checkbox.tea" checked value="on"/> Tea<br/>
|
|
<input type="checkbox" name="checkbox.coffee" value="on"/> Coffe
|
|
</td>
|
|
<td>
|
|
<pre>checkbox={{checkbox}}</pre>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>select</td>
|
|
<td>
|
|
<select name="select">
|
|
<option>A</option>
|
|
<option>B</option>
|
|
<option>C</option>
|
|
</select>
|
|
</td>
|
|
<td>select={{select}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>multiselect</td>
|
|
<td>
|
|
<select name="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>
|
|
<input type="button" value="button" ng:change="button.count = button.count + 1"/> <br/>
|
|
<input type="submit" value="submit" ng:change="button.count = button.count + 1"/><br/>
|
|
<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}}</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>
|