ember action triggered when press enter

Question

У меня есть эта форма, пишите в ember, используя фреймворк bootstrap. Я хочу, чтобы при нажатии клавиши ввести основную кнопку, но действие отменено.

<form {{action 'create' on="submit"}} class="form-horizontal form-bordered formaddObject"> 

     <div class="form-group"> 
      <div class="leftColCampaignType"> 
       <label class="col-sm-3 control-label labelFormCampaign addObject">Campaign's name</label> 
      </div> 
      <div class="rightColCampaignType"> 
       {{input value=campaign_name id="campaign_name" placeholder="Enter Name" class="form-control"}} 
       <div class="transitionbuttonsinCampsettings transitionbuttonsinAddObject"> 
        <button class="btn btn-default"{{action 'cancel'}} style="background-color: #E2E2E2;">Cancel</button> 
        <button class="btn btn-primary" type="submit" style="background-color:#ffa019!important; border:none;">Submit</button> 
       </div> 
      </div> 
     </div> 

    </form> 

Answer 1

Если добавить type="button" к кнопке Отменить он не собирается инициировать отправку формы при нажатии ввода.

Так что ваша кнопка Отмены выглядеть примерно так:

<button type="button" class="btn btn-default"{{action 'cancel'}} style="background-color: #E2E2E2;">Cancel</button>

Вот полный рабочий пример, проверить журналы консоли, поступающие от маршрутных действий: http://emberjs.jsbin.com/pipivibedo/1/edit?html,js,console,output