ember-bootstrap ошибки при рендеринге формы

У меня проблема с использованием ember-bootstrap для визуализации формы. При посещении маршрута ничего не отображается и в консоли появляется сообщение

введите описание изображения здесь

появляется.

Проект Bootstrap 3, и я только что установил ember-boostrap. Для этого я сделал следующее:

ember install ember-bootstrap
ember generate ember-bootstrap --preprocessor=sass
ember generate ember-bootstrap --bootstrap-version=3

Из чтения документа я считаю, что это была правильная последовательность команд?

Затем я создал новый маршрут и в шаблоне я добавил следующее:

{{#bs-form formLayout=formLayout model=this onSubmit=(action "submit") as |form|}}
            {{form.element controlType="email" label="Email" placeholder="Email" property="email" required=true}}
            {{form.element controlType="password" label="Password" placeholder="Password" property="password" required=true helpText="Minimum 6 characters"}}
            {{form.element controlType="radio" label="Radio" property="radio" options=radioOptions optionLabelPath="label"}}
            {{form.element controlType="checkbox" label="Checkbox" property="checkbox"}}
            {{form.element controlType="textarea" label="Textarea" property="textarea"}}
            {{bs-button defaultText="Submit" type="primary" buttonType="submit"}}
          {{/bs-form}}
{{outlet}}

Это образец шаблона из компонента формы в документе ember-bootstrap.

Как я уже сказал, когда я иду, чтобы посетить новый маршрут, я ничего не оказываю и сообщение об ошибке, показанное выше.

Я чувствую, что, должно быть, я пропустил какую-то часть направлений ... что-то явно не хватает?

Всего 1 ответ


Ну, я собираюсь ответить на это сам ради других, у кого может быть такая же проблема. Я получил некоторую помощь от сопровождающего дополнения через разногласия Emberjs и процитировал его ...

Примеры на ember-bootstrap.com, к сожалению, не очень умные, так как показывают ограниченные свойства как таковые, а не действительные значения. Например, formLayout=formLayout имеет смысл, только если у вас есть свойство formLayout на вашем контроллере. Если это не так (что я предполагаю), formLayout будет неопределенным. Можете ли вы попробовать удалить это и посмотреть, поможет ли это? (или заменить на постоянное значение, например formLayout = "горизонтальный")

Я сделал то, что он предложил, и это решило проблему.