title: Bootstrap Validator with angular
body: <p>I have problems with the bootstrap-validator plugin in angular:</p>
  
  <p>this is my directive:</p>
  
  <pre><code>module.registerDirective('bootstrapUserForm', function(){
      return {
          restrict: 'AE',
          link: function(scope, form){
              form.bootstrapValidator({
                  feedbackIcons : {
                      valid : 'glyphicon glyphicon-ok',
                      invalid : 'glyphicon glyphicon-remove',
                      validating : 'glyphicon glyphicon-refresh'
                  },
                  fields : {
                      title: {
                          validators : {
                              notEmpty : {
                                  message : 'Bitte geben Sie einen Titel ein'
                              }
                          }
                      },
                      firstname: {
                          validators : {
                              notEmpty : {
                                  message : 'Bitte geben Sie einen Vornamen ein'
                              }
                          }
                      }
                  }
              });
          }
      }
  });
  </code></pre>
  
  <p>and this is my form:</p>
  
  <pre><code>&lt;bootstrapUserForm id="smart-form-register" class="smart-form" action="/api/test" bootstrapUserForm&gt;
      &lt;fieldset&gt;
          &lt;div class="row"&gt;
  
                  &lt;section&gt;
                      &lt;label class="input"&gt; &lt;i class="icon-append fa fa-user"&gt;&lt;/i&gt;
                          &lt;input type="text" name="username" placeholder="mustermannm" ng-model="userdata.username"&gt;
                          &lt;b class="tooltip tooltip-bottom-right"&gt;Bitte geben Sie einen Benutzernamen ein&lt;/b&gt; &lt;/label&gt;
                  &lt;/section&gt;
                  &lt;section&gt;
                      &lt;label class="input"&gt; &lt;i class="icon-append fa fa-envelope-o"&gt;&lt;/i&gt;
                          &lt;input type="email" name="email" placeholder="m.mustermann@gmail.com" ng-model="userdata.email"&gt;
                          &lt;b class="tooltip tooltip-bottom-right"&gt;Bitte geben Sie eine Emailadresse ein&lt;/b&gt; &lt;/label&gt;
                  &lt;/section&gt;
      &lt;/fieldset&gt;       
      &lt;footer&gt;
          &lt;button type="button" class="btn btn-danger pull-left" data-ui-sref="app.maindata.users"&gt;
              &lt;i class="fa fa-arrow-left"&gt;&lt;/i&gt;
              Zurück
          &lt;/button&gt;
          &lt;button type="submit" class="btn btn-primary pull-right" type="submit"&gt;
              &lt;i class="fa fa-save"&gt;&lt;/i&gt;
              Erstellen
          &lt;/button&gt;
      &lt;/footer&gt;
  &lt;/bootstrapUserForm&gt;
  </code></pre>
  
  <p>The form is only a snipped. </p>
  
  <p>Bootstrap validator dont validate the data. I also added the directive name as html attribute, but I think there where an error in my directive. I´am new to angular and directives.</p>