$ Scope.Form undefined angularjs

Question

$ Scope.Form undefined angularjs

0

У меня есть следующий контроллер, где я получаю форму как "undefined".

angular.module('app').controller('MyController',['$scope', function(){

      $(document).ready(function () { 

      var form = $scope.Form1; // undefined

      }]);
  });

Пожалуйста, предложите наилучший способ обработки готового состояния, чтобы форма была доступна.

благодаря

Furqan Misarwala 21 авг. 2015, в 12:27

Источник

2

честно говоря, вам не нужно готовиться здесь.
Jai 21 авг. 2015, в 10:16
0

Не могли бы вы предоставить HTML. Если у вас есть форма с именем = Form1, то она будет работать.
Mohit Pandey 21 авг. 2015, в 10:17

Теги:

jquery

angularjs

angularjs-scope

angularjs-directive

5 ответов

Ещё вопросы

честно говоря, вам не нужно готовиться здесь.
Не могли бы вы предоставить HTML. Если у вас есть форма с именем = Form1, то она будет работать.

Mehmood · Answer 1 · 2015-08-21T08-16-00.000Z

Попробуйте заменить

'MyController',['$scope', function(){

с

'MyController',['$scope', function($scope){

Tarun Dugar · Answer 2 · 2015-08-21T08-09-00.000Z

Вы забыли передать $ scope в свою функцию контроллера. Исправление:

angular.module('app').controller('MyController',['$scope', function($scope){ //$scope in function here

      $(document).ready(function () { 

      var form = $scope.Form1; // undefined

      }]);
  });

Кроме того, вам действительно не нужен jQuery.

Furqan Misarwala · Answer 3 · 2015-08-21T08-22-00.000Z

Синтаксис не является проблемой, я написал "на лету", поэтому это багги.

Но я решил проблему, переместив этот код в директиве => link, и я получаю $ scope.Form1.

благодаря

pguetschow · Answer 4 · 2015-08-21T08-22-00.000Z

Вы забыли аргумент $scope в своей function()

Jai · Answer 5 · 2015-08-21T08-07-00.000Z

Что вы пропустили:

пустой массив при создании углового модуля. angular.module('app', []).
$scope в функции аргумента function($scope){.

Просто сделайте правильный селектор и передайте $scope в func args:

angular.module('app', []).controller('MyController',['$scope', function($scope){ // <---pass $scope here
    $scope.Form1 = document.querySelector('form')
}]);

Пример теста ниже:

angular.module('testApp', []).controller('formController',['$scope', function($scope){
    $scope.form = document.querySelector('form');
    $scope.getValue= function(){
      alert($scope.form.id);
    }
}]);

<div ng-app='testApp'>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>

  <form ng-controller='formController' id='testForm'>
  <input type='text' placeholder='dummy text to be placed' autofocus ng-focus='getValue()'>
  </form>
  
</div>