feat(attr-binding-behavior): port from vCurrent

README.md

@@ -63,10 +63,11 @@ An experimental re-working of Aurelia, oriented around compile-time reflection a
 
 ### Resources
 
+* [x] `attr` Binding Behavior
 * [x] `if` Template Controller
 * [x] `else` Template Controller
-* [x] `compose` Custom Element
 * [ ] `repeat` Template Controller
+* [x] `compose` Custom Element
 
 ### Application Model
 

src/runtime/binding/ast.ts

@@ -95,7 +95,7 @@ export class BindingBehavior implements IExpression {
   }
 
   bind(binding: IBinding, scope: IScope) {
-    if ((this.expression as any)['expression'] && this.expression.bind) {
+    if ((this.expression as any).expression && this.expression.bind) {
       this.expression.bind(binding, scope);
     }
 

src/runtime/binding/binding.ts

@@ -16,14 +16,14 @@ export interface IBinding extends IBindScope {
 export type IBindingTarget = any; // Node | CSSStyleDeclaration | IObservable;
 
 export class Binding extends ConnectableBinding implements IBinding {
-  private targetObserver: IBindingTargetObserver | IBindingTargetAccessor;
+  public targetObserver: IBindingTargetObserver | IBindingTargetAccessor;
   private source: IScope;
   private isBound = false;
 
   constructor(
     private sourceExpression: IExpression,
-    private target: IBindingTarget,
-    private targetProperty: string,
+    public target: IBindingTarget,
+    public targetProperty: string,
     private mode: number,
     public container: IContainer) {
     super();

src/runtime/configuration/standard.ts

@@ -8,12 +8,16 @@ import { IEventManager, EventManager } from "../binding/event-manager";
 import { IObserverLocator, ObserverLocator } from "../binding/observer-locator";
 import { IAnimator, Animator } from "../templating/animator";
 import { Compose } from "../resources/compose";
+import { AttrBindingBehavior } from "../resources/attr-binding-behavior";
 
 export const StandardConfiguration = {
   register(container: IContainer) {
     container.register(
+      AttrBindingBehavior,
+
       If,
       Else,
+
       Compose
     );
 

src/runtime/resources/attr-binding-behavior.ts

@@ -0,0 +1,14 @@
+import { DataAttributeObserver } from '../binding/element-observation';
+import { bindingBehavior } from '../decorators';
+import { Binding } from '../binding/binding';
+import { IScope } from '../binding/binding-context';
+
+//TODO: extract an interface for use in implementing binding behaviors.
+@bindingBehavior('attr')
+export class AttrBindingBehavior {
+  bind(binding: Binding, scope: IScope) {
+    binding.targetObserver = new DataAttributeObserver(binding.target, binding.targetProperty);
+  }
+
+  unbind(binding: Binding, scope: IScope) {}
+}