mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-17 07:40:22 +00:00
36 lines
No EOL
1.2 KiB
HTML
36 lines
No EOL
1.2 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html xmlns:ng="http://angularjs.org">
|
|
<head>
|
|
<script type="text/javascript"
|
|
src="../angular-debug.js" ng:autobind ng:css="css/angular.css"></script>
|
|
</head>
|
|
<body ng:init="$window.$root = this">
|
|
|
|
<script>
|
|
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);
|
|
});
|
|
};
|
|
});
|
|
</script>
|
|
<div ng:init="salutation='Hello'; name='World'">
|
|
<my:greeter salutation="salutation" name="name"/>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |