Angular.js/Использование нг-Подавать с формой

Question

У меня есть страница HTML с формой блока

<div> 
    <form> 
     <div class="row"> 
     ... 
      <input required> a </input> 
     ... 
     <div> 
     <div class="row"> 
     ... 
      <input required> b </input> 
     ... 
     <div> 
     <div> 
      <button ng-click="expand()"> Expand </button> 
      <button type="submit" ng-submit="create()"> Start </button> 
     </div> 
    </form> 
</div> 

Когда я нажимаю на старте, и или Ь пустеет, показывается сообщение: "Please fill out this field" (что это поведение желания). Но когда я заполню это поле и снова нажмите, create() не отправлен, и я получаю следующую ошибку: An invalid form control with name='' is not focusable.

Я стараюсь также таким образом:

<div> 
    <form ng-submit="create()"> 
     <div class="row"> 
     ... 
     </div> 
     <div> 
      <button ng-click="expand()"> Expand </button> 
      <button type="submit"> Start </button> 
     </div> 
     </form> 
    </div> 

Но даже если я нажимаю на Expand, create() выполняется вместо expand().

Я также пытаюсь выполнить изменение ng-submit на ng-click, но затем он не подтверждает, что поля заполняются.

Моей целью является то, что create() НЕ будет выполнен, если одно из полей пуст, и появится соответствующее сообщение.

Answer 1

Попробуйте это:

<div> 
    <form ng-submit="submit()"> 
    <div class="row"> 
     <input required type="text" ng-model="text" name="text_a">A</input> 
    </div> 
    <div class="row"> 
     <input required type="text" ng-model="text" name="text_b">B</input> 
    </div> 
    <div> 
     <button ng-click="expand()"> Expand </button> 
     <input type="submit" id="submit" value="Create" /> 
    </div> 
    </form> 
</div> 

Answer 2

Простой способ сделать форму проверки, как это: Дайте вашу форму имя атрибута

<form name="myForm"> 

Добавьте необходимый атрибут для ваших входов.

Отключите кнопку с

<button ng-disable="myForm.$invalid" ng-click="create()">Submit</button> 

Если один из ваших входов недействительны вы можете также отобразить сообщение с пролетом или DIV, который имеет нг-шоу = «Myform. Недействительный $» атрибут.

Я не совсем понимаю, что вы делаете с данными с входов.