Angular: Empty Fiddle
http://angularjs.org/
by vaiism
HTML
<!DOCTYPE html>
<html ng-app="survey">
<body>
<head>
<script src="http://code.angularjs.org/angular-1.0.0rc5.min.js" type="text/javascript"></script>
<script type="text/javascript">
angular.module('survey', []).directive('requiredInput', function () {
return {
restrict: 'E',
replace:true,
scope: {
requiredSwitch: 'accessor'
},
template: '<input type="text" ng-model="foo" required="{{requiredSwitch()}}"></input>'
};
});
</script>
</head>
<form name="abc">
<input type="checkbox" ng:model="shouldBeRequired" ></input>
<input ng:model="i1" required="{{shouldBeRequired}}"></input>
<required-input required-switch="shouldBeRequired"></required-input>
</form>
</body>
</html>