Ошибка: $ parse: синтаксическая ошибка синтаксиса с ng-submit
Доступ к объекту динамической формы в контроллере
Есть ли способ получить доступ к объекту формы в контроллере, просто передав имя?
У меня есть динамические формы внутри моего HTML с именем name = "namedForm_{{$index}}".
Теперь я могу передать $index в вызове функции ng-submit для генерации имени формы в контроллере. Таким образом, это будет namedForm_1 или namedForm_2 и т. д. Как получить объект формы в контроллере, чтобы проверить действительность формы там?
Пытался передать достоверность в качестве третьего аргумента здесь, проверив условие. Но выражение namedForm_{{$index}}.$valid ломается.
<form data-toggle = "validator" class = "formClass" form-submit-validation = ""
name = "namedForm_{{$index}}" id = "namedForm_{{$index}}"
ng-submit = "namedForm_{{$index}}.$valid == true ? vm.submitNamedForm($index, widget, true) : vm.submitNamedForm($index, widget, false)"
autocomplete = "off" novalidate>
</form>
Или какие-то другие решения?
Ошибка с консоли:
@AlekseySolovey ng-form предназначен для вложенной формы, верно? Мое требование - иметь только динамические формы и проверять их. Нравится <form></form><form></form>
нет, это дополнительная форма для динамических имен и их проверок
Любой образец, чтобы использовать его таким образом (не вложенный)?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Используйте средство доступа к свойству в контексте this:
<form data-toggle = "validator" class = "formClass" form-submit-validation = ""
name = "namedForm_{{$index}}" id = "namedForm_{{$index}}"
̶n̶g̶-̶s̶u̶b̶m̶i̶t̶=̶"̶n̶a̶m̶e̶d̶F̶o̶r̶m̶_̶{̶{̶$̶i̶n̶d̶e̶x̶}̶}̶.̶$̶v̶a̶l̶i̶d̶ ̶=̶=̶ ̶t̶r̶u̶e̶ ̶?̶ ̶v̶m̶.̶s̶u̶b̶m̶i̶t̶N̶a̶m̶e̶d̶F̶o̶r̶m̶(̶$̶i̶n̶d̶e̶x̶,̶ ̶w̶i̶d̶g̶e̶t̶,̶ ̶t̶r̶u̶e̶)̶ ̶:̶ ̶v̶m̶.̶s̶u̶b̶m̶i̶t̶N̶a̶m̶e̶d̶F̶o̶r̶m̶(̶$̶i̶n̶d̶e̶x̶,̶ ̶w̶i̶d̶g̶e̶t̶,̶ ̶f̶a̶l̶s̶e̶)̶"̶
ng-submit = "vm.submitNamedForm($index, widget, this['namedForm_'+$index].$valid)"
autocomplete = "off" novalidate>
</form>
Директива ng-submit требует выражения AngularJS, и неразумно смешивать интерполяцию {{ }} с выражениями Angular.
Для получения дополнительной информации см.
- Справочник ошибок AngularJS - синтаксис $ parse:
- Руководство разработчика AngularJS - Контекст выражения
- Руководство разработчика AngularJS - Почему смешивание интерполяции и выражений - плохая практика
Спасибо за подробное объяснение!
Я считаю, что для этого нужно использовать
ng-form