Git Product home page Git Product logo

Comments (5)

mariusstaicu avatar mariusstaicu commented on June 25, 2024 4

The upload does not update $dirty or $pristine or $touched fields for element. This way you're forced to show errros all the time on page, not only on submit or change.

from angular-material-fileinput.

iposton avatar iposton commented on June 25, 2024 1 
<form name="testForm" layout="column" ng-submit="onSubmit()">
      <lf-ng-md-file-input name="files" lf-files="files05" lf-browse-label="Search" lf-remove-label="Delete" lf-drag-and-drop-label="Drag and Drop here!" lf-maxcount="1" lf-filesize="1MB" lf-totalsize="5MB" drag preview progress multiple type="file" fileread="" accept=".xls,.xlsx,.ods" multiple="false"></lf-ng-md-file-input>
      <div ng-messages="testForm.files.$error" style="color:red;">
          <div ng-message="maxcount">Too many files.</div>
          <div ng-message="filesize">File size too large.</div>
          <div ng-message="totalsize">Total size too large.</div>
          <div ng-message="mimetype">Mimetype error.</div>
      </div>

 <md-button class="md-raised md-button md-ink-ripple md-accent" type="submit" ng-disabled="testForm.$invalid">Submit</md-button> 
  </form>

make sure your form has a name to. and add the angular-messages module to your app.
In index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.1/angular-messages.js"></script>

app.js

angular.module('myApp', [
    "lfNgMdFileInput",
    "ngMessages"
])

from angular-material-fileinput.

iposton avatar iposton commented on June 25, 2024

I had the same problem. try adding name="files" to the directive. like this.

<form name="testForm">
  <lf-ng-md-file-input name="files" lf-maxcount="10" lf-filesize="1MB"></lf-ng-md-file-input>

the name="files" is used in the form error validation call.

<div ng-messages="testForm.files.$error" style="color:red;">

testForm is the name of the form <form name="testForm"> and files is the name of the directive inside the form. Chained together with $error

from angular-material-fileinput.

eash-veera avatar eash-veera commented on June 25, 2024

I tried this, but it does not work.
This is how the mark up look like, what am i missing ?

<lf-ng-md-file-input style="margin-bottom:50px;" name="files" lf-files="projectImage" lf-required lf-browse-label="Upload Image" lf-placeholder="Pick Image" lf-remove-label="Remove" lf-drag-and-drop-label="Drag and drop your project image here !" drag preview></lf-ng-md-file-input>
                                    <div ng-messages="projectDetails.files.$error" style="color:red;">
                                        <div ng-message="required">Please upload a project image.</div>
                                        <div ng-message="filesize">Image size too large.</div>
                                        <div ng-message="mimetype">This file is not accepted.</div>
                                    </div>

from angular-material-fileinput.

michaelcyyuen avatar michaelcyyuen commented on June 25, 2024

Any update on the set $pristine thing?????

from angular-material-fileinput.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.