Good afternoon,

I'm trying to dynamically assign formatting to fields based on formatted in my data structures; my templates are far too generic to define with formatting types already specified, even to the type. I.e. I have an attribute defined in scope for the actual data, and an attribute defined in scope for the formatting.

E.g.
$scope.data = '123.456' and $scope.format = 'number:2' should display '123.45'
OR
$scope.data = '2013-12-10 23:59:00' and $scope.format = 'date:yyyy-MM-hh' should display '2013-12-10'.

I can do binding like *{{data | number:}}*, but I can't do \*{{data | }}.

I've created a very basic [JSFiddle](http://jsfiddle.net/1u0pf891/)

```js
function TodoCtrl($scope) {
  $scope.data = '1234567';
  $scope.format = 'number:2';
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app ng-controller="TodoCtrl">

  <p>
    Data = <input type="text" ng-model="data" />
  </p>

  <p>
    Format = <input type="text" ng-model="format" />
  </p>

  <br />

  <p>
    Unformatted data = {{data}}
  </p>

  <p>
    Formatted data = <!--{{data | format}}-->
  </p>
</div>
```

Any ideas please?