Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
<link rel="stylesheet" href="http://dev2.builder.kingofapp.com/bower_components/angular-formly-templates-koapp/dist/styles.css" />
    <script src="//npmcdn.com/api-check@latest/dist/api-check.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
    <script src="http://dev2.builder.kingofapp.com/bower_components/angular-formly/dist/formly.js"></script>
    <script src="http://dev2.builder.kingofapp.com/bower_components/angular-formly-templates-koapp/dist/angular-formly-templates-koapp.js"></script>
​
​
    <title>Koapp formly example</title>
  </head>
​
  <body ng-app="formlyExample" ng-controller="MainCtrl as vm">
    <div class="content_nl  view-animate-market-item" ng-class="animationClass" ng-view="" style="">
      <div id="config_mod">
        <div class="bg"></div>
        <section class="content" id="config_mod">
          <form ng-submit="save()" class="ng-pristine ng-valid ng-valid-required ng-valid-pattern" style="">
            <section id="info">
              <main>
​
                <h4>{{::vm.exampleTitle}}</h4>
                <div>
                  This is a subset of the things that koapp-formly can do :-)
                </div>
                <br />
                <br />
                <form ng-submit="vm.onSubmit()" name="vm.form" novalidate>
                  <formly-form model="vm.model" fields="vm.fields" options="vm.options" form="vm.form">
                    <br />
                    <br />
                    <button type="submit" class="btn btn-primary submit-button" ng-disabled="vm.form.$invalid">Submit</button>
                    <button type="button" class="btn btn-default" ng-click="vm.options.resetModel()">Reset</button>
                  </formly-form>
                </form>
                <h2>Form Data</h2>
                <pre>{{vm.model | json}}</pre>
              </div>
              </main>
            </section>
          </form>
        </section>
      </div>
    </div>
  </body>
</html>
​
 
body {
  margin: 10px
}
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
pepocivspro
0viewers