Quick start steps

[shanelaney]

Hi,

Thank you so much for writing an publishing these directives, as they look promising!
I am not able to successfully set up a simple project that loads the angular-formy directive successfully. My first unsuccessful attempt involved performing the 3 manual steps on the GitHub page: 1. Install Your Project, 2,3 Creating the formly-form and Loading the controller with the sample data.
My second unsuccessful attempt involved using the files provided in the .Zip file, but they do not load. I predict that part of the problem is that the .Zip file is missing the "bower_components". I did load other Angular JS dependencies directly from the Angular site, but some of the references you provide are not available in the latest release.

What are your thoughts on this? Do you have basic steps for setting up a project and loading these directives?

[ghelton]

What version of Angular are you using?

[kentcdodds]

Hmmm... I'm not sure I understand the complications you described. To get the most basic thing setup, see this codepen

[shanelaney]

asterism - I am using this version of Angular: //ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.11/angular.js

[ghelton]

This package might work with 1.3.0 but it is untested. Try the version specified in the bower dependencies or 1.2.23

[ghelton]

We have 1.3.0 support in mind, but it probably wont be ready for a little while.

[ghelton]

Please reopen if that doesn't fix it

[shanelaney]

Hi, thank you both for your help!!! I am very new to AngularJS. The 1.3.0-beta does work with formly, but it Angular worked better when I changed the simple codepen example to use the $scope, like this:
angular.module('app', ['formly']).controller('MainCtrl', function($scope) {

 $scope.formData = {};
 $scope.formFields = [

Instead of the Alias format that it had "MainContrl as vm"...

[kentcdodds]

The "controller as" syntax is recommended, but not required. Glad you got it working.

[shanelaney]

I believe the core issue is that the formly .JS files in the .ZIP either are not complete or there are other dependencies when including them. For example, if I reference the formly.vanilla.js as a local file <script src="vendors/formly/formly.vanilla.js"></script>, I get the exception that is attached.

However, when I reference the same JS from the public URL, the application works fine: <script src="https://rawgit.com/nimbly/angular-formly/6d366845e6436add4cd5ccf9d2254ce261a61ef7/dist/formly.vanilla.js"></script>

[kentcdodds]

I actually saw this bug this morning. I know what it is. It came in when I added validation. You have to give your form a name. I'll fix this bug later, but if you give your form a name that should solve the problem:

<formly-form name="formName" result="formData" fields="formFields" options="formOptions" ng-submit="onSubmit()">
</formly-form>

[shanelaney]

Thank you both for the quick help!!!