Angular directive test

by goliney

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div ng-controller="Ctrl1">
    <input ng-model="inputdata.bar">
    <div init-data="inputdata.foo=123; inputdata.bar=321">Directive initData</div>
</div>

CSS

.selected {
    background-color: #ff0000;
}

JavaScript

var app = angular.module('myApp', []);
app.directive('initData', function($parse) {
        return function(scope, element, attrs) {
            //modify scope
            var model = $parse(attrs.initData);
            model(scope);
        };
    });


function Ctrl1($scope) {
    //should be defined
    $scope.inputdata = {foo:"east", bar:"west"};
}