How get form by name in $scope?

Issue

How to get form by name in $scope?

Test example:

<div ng-controller="solod">
  <form name="good_f">
   <input type="text" name="super">
  </form>
</div>

<script>
  function solod($scope){
    console.log($scope.good_f) //undefined 
  }
</script>

Is it possible? Thank you

Solution

You usually don't want the controller to access the form like this, that's coupling the controller to the structure of the view too tightly. Instead, pass the form to the controller like this...

<div ng-controller="solod">
  <form name="good_f" ng-submit="submit(good_f)">
   <input type="text" name="super">
  </form>
</div>



 <script> 
  function solod($scope){
    $scope.submit = function(theForm){
          console.log(theForm)// not undefined 
          console.log($scope.good_f) // will exist now also
    };

    // do stuff in a watch
    $scope.$watch("good_f", function(formVal){ console.log(formVal);});
  }
  </script>

Otherwise, if you just want to track the value of the text input, give it an ng-model

Edit: On further research, $scope will have good_f as a property, just not when you're logging it in the constructor. You could set up a watch on good_f if you wanted, but I still think you should pass it in.

name (optional) string Name of the form. If specified, the form controller will be published into related scope, under this name.

https://docs.angularjs.org/api/ng/directive/form

Answered By - JeremyWeir