2010-07-19 19:29:24 +00:00
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
2010-07-29 19:50:14 +00:00
|
|
|
<html xmlns:ng="http://angularjs.org">
|
2010-04-09 23:20:15 +00:00
|
|
|
<head>
|
2010-07-19 19:29:24 +00:00
|
|
|
<script type="text/javascript"
|
2010-07-29 22:26:10 +00:00
|
|
|
src="../angular-debug.js" ng:autobind ng:css="css/angular.css"></script>
|
2010-04-09 23:20:15 +00:00
|
|
|
</head>
|
2010-07-20 23:55:32 +00:00
|
|
|
<body ng:init="$window.$root = this">
|
2010-07-29 19:50:14 +00:00
|
|
|
|
|
|
|
|
<script>
|
2010-08-03 23:53:27 +00:00
|
|
|
angular.widget('my:greeter', function(compileElement){
|
|
|
|
|
var compiler = this;
|
|
|
|
|
compileElement.css('style', 'block');
|
|
|
|
|
var salutaitonExp = compileElement.attr('salutation');
|
|
|
|
|
var nameExp = compileElement.attr('name');
|
|
|
|
|
return function(linkElement){
|
|
|
|
|
var salutaitonSpan = angular.element('<span class="salutation"></span');
|
|
|
|
|
var nameSpan = angular.element('<span class="name"></span>');
|
|
|
|
|
linkElement.append(salutaitonSpan);
|
|
|
|
|
linkElement.append(compiler.text(' '));
|
|
|
|
|
linkElement.append(nameSpan);
|
|
|
|
|
linkElement.append(compiler.text('!'));
|
|
|
|
|
this.$watch(salutaitonExp, function(value){
|
|
|
|
|
salutaitonSpan.text(value);
|
|
|
|
|
});
|
|
|
|
|
this.$watch(nameExp, function(value){
|
|
|
|
|
nameSpan.text(value);
|
2010-07-29 19:50:14 +00:00
|
|
|
});
|
2010-08-03 23:53:27 +00:00
|
|
|
};
|
|
|
|
|
});
|
2010-07-29 19:50:14 +00:00
|
|
|
</script>
|
2010-08-03 23:53:27 +00:00
|
|
|
<div ng:init="salutation='Hello'; name='World'">
|
|
|
|
|
<my:greeter salutation="salutation" name="name"/>
|
|
|
|
|
</div>
|
2010-07-29 19:50:14 +00:00
|
|
|
|
2010-04-09 23:20:15 +00:00
|
|
|
</body>
|
2010-07-29 19:50:14 +00:00
|
|
|
</html>
|
