angular.js/example/widgets.html

36 lines
1.5 KiB
HTML
Raw Normal View History

2010-01-29 18:15:15 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="../lib/underscore/underscore.js"></script>
<script type="text/javascript" src="../lib/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="../src/angular-bootstrap.js"></script>
<script type="text/javascript">
$(document).ready(function(){
angular.compile(document).init();
});
2010-02-13 03:39:01 +00:00
function asyncValidate(value, callback){
var x = value.length % 2 ? null: "even";
//callback(x);
_(callback).delay(1000, x);
}
2010-01-29 18:15:15 +00:00
</script>
<link rel="StyleSheet" type="text/css" href="../css/angular.css"/>
2010-01-29 18:15:15 +00:00
</head>
<body>
<input type="checkbox" name="form.checked" ng-format="boolean" value="true" checked="checked" />
<input ng-show="form.checked" name="form.required" ng-required/>
2010-02-04 19:45:38 +00:00
<hr/>
<input name="form.list" ng-format="list" ng-required/>
2010-01-29 18:15:15 +00:00
<input name="form.list" ng-format="list" />
<hr/>
<input type="checkbox" name="form.boolean" ng-format="boolean" value="true" checked="checked" />
<input type="checkbox" name="form.boolean" ng-format="boolean" value="true" />
2010-02-13 03:39:01 +00:00
<hr/>
<input type="text" name="form.async" ng-validate="asynchronous:$window.asyncValidate" />
<pre>
form={{form}}
$invalidWidgets.length={{$invalidWidgets.length}}
</pre>
2010-01-29 18:15:15 +00:00
</body>
</html>