Jquery Modal Plugin Try

by programmieraffe

HTML

<script type="text/javascript" src="http://docs-next.angularjs.org/angular-0.10.6.min.js" ng:autobind></script>
<div ng:app>
  <div ng:controller="Ctrl">
      <form name="aForm">
      Check me to make field required <input type="checkbox" ng:model="isRequired"><br />
          <input ng:required="isRequired" />
     </form>
      
      <div ng:dialog="isOpen"></div>
      
  </div>
</div>

CSS

.ng-form   
{
    display: block;
}

.ng-valid {}
    
.ng-invalid { border: solid 1px red; }

JavaScript

function Ctrl() {}

angular.directive('ng:required', function(expression, compiledElement) {
    var compiler = this;
    return function(linkElement) {
        var currentScope = this;
        currentScope.$watch(expression, function(value, newVal) {
            linkElement[0].setAttribute('required', newVal);
        });
    };
});


angular.directive('ng:dialog', function(expression, compiledElement) {
    console.log('expression', expression, 'compiledElement', compiledElement);
    var compiler = this;
    return function(linkElement) {
        var currentScope = this;
        currentScope.$watch(expression, function(value, newVal) {
            linkElement[0].setAttribute('required', newVal);
        });
    };
});