Angular.js: समर्थन इनपुट [प्रकार = फ़ाइल] बाध्यकारी

इनपुट प्रकार = फ़ाइल के लिए कोणीय द्वारा प्रदान की गई कोई डिफ़ॉल्ट बाइंडिंग नहीं है।

लेकिन फिर, फ़ाइल इनपुट केवल जावास्क्रिप्ट के लिए वास्तविक है, इस तरह के बंधन से एकमात्र लाभ फ़ाइल इनपुट को साफ़ करने में मदद कर सकता है। (कोणीय अभी भी फ़ाइल के अजाक्स अपलोड के लिए ढांचा समर्थन प्रदान नहीं करता है, मुझे विश्वास है)

@ कोली : यह पूरी सच्चाई नहीं है।

इनपुट [फ़ाइल] पर विनिमय घटना को पकड़ने में सक्षम होना समझ में आता है।

https://github.com/lgersman/jquery.orangevolt-ampere पर हमारे पास बिल्कुल यही परिदृश्य है: XMLHTTPRequest V2 के माध्यम से फ़ाइल अपलोड।
इसलिए हमने पेज रीलोडिंग के बिना फाइलअपलोड करने के लिए इनपुट [फाइल] चेंज इवेंट्स को पकड़ने के लिए अपना खुद का निर्देश लागू किया।

मैं उस सुविधा को angularjs में देखना पसंद करूंगा!

क्या किसी प्रकार की फ़ाइल के इनपुट के लिए बाध्य करने के साथ कोई प्रगति हुई है? मैं एक समाधान की तलाश कर रहा हूं और ऐसा कोई नहीं मिल रहा है जो काम करता हो ...

मेरा समाधान अनुरोध या http.post के बजाय सिर्फ अजाक्स था

मेरे आईपैड से भेजे गए

मार्च 1, 2013 पर 7:16 प्रधानमंत्री "jgoldber" < [email protected] [email protected] > ने लिखा:

क्या किसी प्रकार की फ़ाइल के इनपुट के लिए बाध्य करने के साथ कोई प्रगति हुई है? मैं एक समाधान की तलाश कर रहा हूं और मुझे कोई नहीं मिल रहा है।

-
इस ईमेल का सीधे उत्तर दें या इसे Gi tHubhttps: //github.com/angular/angular.js/issues/1375#issuecomment -14321221 पर देखें।

मुझे मिला सबसे अच्छा समाधान: http://jsfiddle.net/marcenuc/ADukg/49/। अगर आपको कोई बेहतर समाधान मिले तो कृपया साझा करें।

हाँ, यह वास्तव में देखने की जरूरत है; फ़ाइल को चुनने और अपलोड करने में सक्षम होना अधिकांश वेब अनुप्रयोगों के लिए काफी महत्वपूर्ण है, इसलिए इस इनपुट का समर्थन करना एक स्पष्ट रूप से गायब विशेषता है।

टक्कर। इसे मील के पत्थर से जोड़ने की जरूरत है।

इसके समर्थन में एक और चिल्लाया।

एनजी-मॉडल फ़ाइल एचटीएमएल 5 फ़ाइल एपीआई से फ़ाइल के लिए मूल्य निर्धारित कर सकती है, आईई 8/आईई 9 के लिए फ्लैश और सिल्वरलाइट पॉलीफिल हैं

हाँ, या तो मान को फ़ाइल या इनपुट तत्व पर सेट करें (फ़ाइल के संदर्भ में)

यह समाधान फ़ाइल रीडर के लागू होने पर निर्भर करता है:

...
.directive('file', function() {
    return {
        restrict: 'E',
        template: '<input type="file" />',
        replace: true,
        require: 'ngModel',
        link: function(scope, element, attr, ctrl) {
            var listener = function() {
                scope.$apply(function() {
                    attr.multiple ? ctrl.$setViewValue(element[0].files) : ctrl.$setViewValue(element[0].files[0]);
                });
            }
            element.bind('change', listener);
        }
    }
});

<file name="image" ng-model="inputFile" accept="image/png,image/jpg,image/jpeg" />

फिर आपको कुछ एक्सएचआर सामान स्वयं करना होगा लेकिन मेरा मानना ​​​​है कि यह गुई बाध्यकारी और अधिक प्रसंस्करण तर्क से बाहर है।

और अगर आपके पास कल्पना की कमी है:

var file = $scope.inputFile;
$http.put('http://localhost:5984/demo/d06917e8d1fae1ae162ea7773c003f0b/' + file.name + '?rev=4-c10029f35a5c5ed9bd8cc31bf8589d3c', file, { headers: { 'Content-Type' : file.type } });

यह xhr2 (http://www.html5rocks.com/en/tutorials/file/xhr2) के कारण काम करता है और कृपया लंबे उदाहरण अपलोड url को क्षमा करें, यह एक काउचडब दस्तावेज़ समापन बिंदु (संलग्नक) है।

इस फ्लैश-आधारित FileReader पॉलीफिल https://github.com/Jahdrien/FileReader और इस शुद्ध जेएस फॉर्मडाटा पॉलीफिल को मिलाकर IE8/9 में यह काम करना संभव है जो FileReader https://github.com/francois2metz/ पर निर्भर करता है। Moxie एक बेहतर पॉलीफ़िल है

मेरा समाधान बहुत स्केची था, कम से कम स्केच जैसा कि ऊपर jsfiddle जहां नियंत्रक प्रोटोटाइप के साथ काम किया गया है ...

नियंत्रक में:

    $scope.updateImage = '(' + function () {
      alert('moo');
    }.toString() + ')();';

मेरे वांछित विनिमय कॉलबैक को स्ट्रिंग करें और इसे बंद करने में लपेटें।

   <input type="file" name="image" onchange="{{updateImage}}" ng-model="image">

इसे कोणीय का उपयोग करके DOM में डालें

बिल्कुल सुंदर नहीं है लेकिन यह वेबकिट में काम करता है। मैंने कोई क्रॉस ब्राउज़र परीक्षण नहीं किया।

मैं 1.0.5 पर हूं और यह अभी भी टूटा हुआ है। हमने Jgoldber के उदाहरण का उपयोग किया और इसे थोड़ा बदल दिया:
http://jsfiddle.net/ADukg/2589/

यह उदाहरण केवल एक नियंत्रक के लिए काम करेगा, इसलिए यदि आपके पास एकाधिक नियंत्रक हैं, तो प्रत्येक फ़ाइल इनपुट के साथ आपको कुछ परिवर्तन करने की आवश्यकता होगी।

अभी तक आईई पर इसका परीक्षण नहीं किया है, लेकिन मेरा अनुमान है (आईई जानना) यह है कि यह काम नहीं करेगा।

यह मानते हुए कि आप केवल अपने दायरे में एक फ़ंक्शन को कॉल करना चाहते हैं जो इनपुट तत्व को तर्क के रूप में लेता है, यह निर्देश में लागू करने के लिए बहुत सरल है:

http://jsfiddle.net/neilsarkar/vQzKJ/

(उपरोक्त jsfiddle से संशोधित, धन्यवाद @programmist)

'use strict';

function filesModelDirective(){
  return {
    controller: function($parse, $element, $attrs, $scope){
      var exp = $parse($attrs.filesModel);

      $element.on('change', function(){
        exp.assign($scope, this.files);
        $scope.$apply();
      });
    }
  };
}

विन्यास:

angular.module(...).directive('filesModel', filesModelDirective)

उपयोग:

<input type="file" files-model="someObject.files" multiple>

कृपया इसे जल्द ठीक करें।

अभी भी समस्याएं आ रही हैं .. कुछ संस्करणों में यह काम करता है लेकिन वैसे भी समर्थित नहीं है

चूंकि 1.5.0 $digest को कॉल करना होगा यदि आप ऑनचेंज वर्कअराउंड का उपयोग कर रहे हैं:

<input type="file" onchange="angular.element(this).scope().myController.uploadFile(this.files[0]); angular.element(this).scope().$digest();">

एनजी-चेंज और इनपुट/फाइल पर बेहतर समर्थन के लिए +1। केस का उपयोग करें: एक छवि के अपलोडर के रूप में, मैं इष्टतम प्रदर्शन के लिए अपलोड करने से पहले उस छवि (आकार और फसल) को संपादित करने में सक्षम होना चाहता हूं। कार्यान्वयन: छवि पर ब्राउज़ करें (इनपुट/फ़ाइल का उपयोग करके) और विनिमय ईवेंट पर फ़ाइल को कैनवास पर ले जाएं और फ़ैब्रिकज के साथ संपादित करें। मैं एक गैर-परिवर्तन कार्यान्वयन के बारे में नहीं सोच सकता।

cztomsik - मैं 1.0.7 पर हूं और मुझे काम करने के लिए आपका समाधान नहीं मिल रहा है - स्कोप (यह) फ़ंक्शन ठीक हल करता है, लेकिन नियंत्रक नहीं मिल सकता है, अपलोडफाइल फ़ंक्शन स्कोप (इस) के सदस्य के रूप में सूचीबद्ध है।

के बारे में गड़बड़, मेरे पास तकनीक पर थोड़ा सा संशोधन है, जो मेरे लिए काम कर रहा है (मुझे अभी भी नहीं पता कि मेरे पास क्यों था:

<इनपुट प्रकार = "फ़ाइल" नाम = "फ़ाइल" एनजी-मॉडल = "फ़ाइल" ऑनचेंज = "invokeUploadFile (यह)" />

वर इनवोकअपलोडफाइल = फ़ंक्शन (वह) {
कोणीय। तत्व (वह)। गुंजाइश ()। अपलोडफाइल (वह)
कोणीय। तत्व (वह)। गुंजाइश ()। $ डाइजेस्ट ();
}

क्या आप jsfiddle/प्लंकर प्रदान कर सकते हैं?
धन्यवाद

1. 
   
   1. 2013 वी 18:17, tb01923 सूचनाएं @github.com :
   
   

एनजी-चेंज और इनपुट/फाइल पर बेहतर समर्थन के लिए +1। केस का उपयोग करें: एक छवि के अपलोडर के रूप में, मैं इष्टतम प्रदर्शन के लिए अपलोड करने से पहले उस छवि (आकार और फसल) को संपादित करने में सक्षम होना चाहता हूं। कार्यान्वयन: छवि पर ब्राउज़ करें (इनपुट/फ़ाइल का उपयोग करके) और विनिमय ईवेंट पर फ़ाइल को कैनवास पर ले जाएं और फ़ैब्रिकज के साथ संपादित करें। मैं एक गैर-परिवर्तन कार्यान्वयन के बारे में नहीं सोच सकता।

cztomsik - मैं 1.0.7 पर हूं और मुझे काम करने के लिए आपका समाधान नहीं मिल रहा है - दायरा (यह) फ़ंक्शन ठीक हल करता है, लेकिन नियंत्रक नहीं मिल सकता है, अपलोडफाइल फ़ंक्शन स्कोप (इस) ऑब्जेक्ट के सदस्य के रूप में सूचीबद्ध है लेकिन जब मैं मुझे मिलने वाले नियंत्रक को हटा दें

ध्यान में न आया संदर्भ त्रुटि: अपलोडफाइल परिभाषित नहीं है blah.js:15
$scope.uploadFile blah.js:15
InvokeScope blah.js:4
परिवर्तन पर

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें।

+1। जब कोई उपयोगकर्ता कोई फ़ाइल चुनता है, तो उसे HTML5 फ़ाइल अपलोड आरंभ करने के लिए इसकी आवश्यकता होती है। इसके आसपास काम करना आसान है, लेकिन मुझे उम्मीद है कि यह काम करेगा।

+1। कृपया लागू करें, इसे लागू नहीं करना पूरी तरह से सहज नहीं है।

+1

+1

चलो दोस्तों.. एक साल से अधिक हो गया है और कोणीय 1.2.0 स्टिल में इनपुट फ़ाइल बाइंडिंग नहीं है ... मुझे समझ में नहीं आता कि सुविधा क्यों नहीं जोड़ी जा रही है? कार्यान्वयन के कुछ अच्छे समाधान हुए हैं। मैं इस मुद्दे पर एक कोणीय टीम के सदस्य की प्रतिक्रिया चाहूंगा।

बस सबसे अच्छे समाधानों में से एक को उद्धृत करने के लिए (मुझे पता है कि यह डेटा बाध्यकारी है लेकिन फिर भी कुछ भी नहीं, सत्यापन और मॉडल अपडेट आईई 7 में भी काम करता है):

परिभाषा

  /**
   * <strong i="8">@ngdoc</strong> inputType
   * <strong i="9">@name</strong> angular.module.ng.$compileProvider.directive.input.file
   *
   * <strong i="10">@description</strong>
   * HTML file input field.
   *
   * <strong i="11">@param</strong> {string} ngModel Assignable angular expression to data-bind to.
   * <strong i="12">@param</strong> {string} multiple Allows multiple files selection.
   * <strong i="13">@param</strong> {string=} name Property name of the form under which the 
                                control is published.
   *
   * <strong i="14">@example</strong>
      <doc:example>
        <doc:source>
         <script>
           function Ctrl($scope) {
           }
         </script>
         <form name="myForm" ng-controller="Ctrl">
           file: <input type="file" ng-model="file"> single file selection.<br/>
           files: <input type="file" ng-model="files" multiple> multi-file selection.<br/>
           <tt>file.name = {{file.name}}</tt><br/>
           <tt>files.length = {{files.length}}</tt><br/>
          </form>
        </doc:source>
        <doc:scenario>
          it('should change state', function() {
            expect(binding('file.name')).toBeUndefined();

            input('file').select('a file name');
            expect(binding('file.name')).toEqual('a file name');
          });
        </doc:scenario>
      </doc:example>
   */
  'file': fileInputType,

समारोह

function fileInputType(scope, element, attr, ctrl) {
  element.bind('change', function() {
    scope.$apply(function() {
      var files = element[0].files,
          isValid = true;

      if (msie < 10) {
        files = [element[0].value];
      }

      if (attr.accept) {
        var i, j, acceptType, fileType,
            types = map(attr.accept.split(','), function(t) { return trim(t).split('/'); });
        for (i = 0; i < files.length && isValid; ++i) {
          fileType = files[i].type.split('/');
          isValid = false;
          for (j = 0; j < types.length && !isValid; ++j) {
            acceptType = types[j];
            isValid = acceptType[0] === fileType[0] && (acceptType[1] === '*' || acceptType[1] === fileType[1]);
          }
        }
      }
      ctrl.$setValidity('file', isValid);

      var viewValue;
      if (isValid) viewValue = attr.multiple ? files : files[0];
      ctrl.$setViewValue(viewValue);
    });
  });
}

+1

+1

@ntrp आप इस बदलाव का पीआर क्यों नहीं करते?

उस परिवर्तन को थोड़ा विस्तृत और परीक्षण करने की आवश्यकता है, मेरे पास ऐसा करने के लिए फिलहाल समय नहीं है।

+1

+1

-1: ट्रोलफेस:

मजाक कर रहा +1

+1

+1

+1

+1

+1

इनपुट [टाइप = फ़ाइल] वास्तव में दो-तरफा बाध्यकारी चीज नहीं है, जब तक कि हम स्पष्ट रूप से फ़ाइल एपीआई का उपयोग न करें, जो सभी लक्षित ब्राउज़रों पर उपलब्ध नहीं है। इसे एनजी-मॉडल में जोड़ने का कोई मतलब नहीं है, लेकिन इस कार्यक्षमता के कुछ बदलाव का समर्थन करने वाले बहुत सारे प्लगइन्स हैं। क्या हम इसे कुछ समय के लिए प्लगइन्स को सौंपना ठीक नहीं है?

http://caniuse.com/fileapi

@caitp राइट, लेकिन यह एनजी-चेंज के माध्यम से परिवर्तन घटना से जुड़ने में सक्षम होने के लिए समझ में आता है, जो काम नहीं करता है।

एक और चीज जो काम नहीं करती है वह है फॉर्म सत्यापन। मुझे लगता है कि पुराने ब्राउज़र के लिए वनवे डाटाबेसिंग फ़ॉलबैक के साथ नए ब्राउज़र के लिए फ़ाइल समर्थन लागू किया जाना चाहिए। यदि यह समाधान व्यवहार्य नहीं है, तो मेरी राय में, यह विकि पर स्पष्ट रूप से कहा जाना चाहिए कि कार्यक्षमता क्यों लागू नहीं की गई है और उन समस्याओं को कैसे हल किया जाए जो समर्थन की कमी के कारण होती हैं। मुझे याद है कि जब मैंने पहली बार उनका उपयोग किया था, तो अपनी इनपुट फ़ाइल की ज़रूरतों को हल करने से पहले बहुत समय गंवा दिया था।

बात यह है कि, फ़ाइल नाम एक मॉडल के लिए बाध्य नहीं हैं, और यह वास्तव में उन्हें एक मॉडल से बांधने का कोई मतलब नहीं होगा। फ़ाइल इंटरफ़ेस की प्रत्येक संपत्ति केवल पढ़ने के लिए है, और फ़ाइलसूची इंटरफ़ेस केवल फ़ाइलों का संग्रह है। 2-वे बाइंडिंग की कोई क्षमता नहीं है, इसलिए पहली बार में इनके लिए एनजी-मॉडल का उपयोग करने का कोई वास्तविक कारण नहीं है। इसके बजाय change ईवेंट से जुड़ना काफी आसान है, और आप उस कार्यक्षमता को जोड़ने के लिए आसानी से एक निर्देश लिख सकते हैं ताकि यदि आपको इसकी आवश्यकता हो तो आप इसे घोषणात्मक रूप से उपयोग कर सकें।

लेकिन इसे एनजी-मॉडल का हिस्सा बनाने का क्या मतलब है जब इसमें एनजी-मॉडल व्यवहार का पालन करने की क्षमता नहीं है?

कोई कारण नहीं है कि कोई फ़ाइलों के लिए एक कस्टम इंटरफ़ेस नहीं बना सकता है, और कोणीय किसी बिंदु पर ऐसा कर सकता है, लेकिन यह वास्तव में मेरी राय में एनजी-मॉडल के साथ समझ में नहीं आता है। मुझे नहीं पता कि अन्य डेवलपर इस बारे में क्या सोचते हैं, वे सहमत हो सकते हैं या नहीं। लेकिन मेरे दृष्टिकोण से, एक अलग निर्देश अधिक समझ में आता है, क्योंकि इनपुट [प्रकार = फ़ाइल] बस एनजी-मॉडल में फिट नहीं होता है

• फ़ाइल इनपुट के मूल्य के बारे में कुछ भी स्क्रिप्ट संदर्भ से लिखने योग्य नहीं है
• हमारे पास फ़ाइल एपीआई (जो कई लक्षित ब्राउज़रों में समर्थित नहीं है) के बिना सत्यापन करने का कोई वास्तविक तरीका नहीं है, ब्राउज़र अनिवार्य रूप से हमारे लिए ऐसा करता है। --- ngRequired सत्यापन के अपवाद के साथ

केवल एक चीज जो हम वास्तव में इनपुट [टाइप = फ़ाइल] के लिए कर सकते हैं, वह है $setViewValue जब मूल्य बदलता है (जो वास्तव में समझ में नहीं आता है), और किसी तरह स्क्रिप्ट परिवर्तन (या मूल रूप से) के कारण मॉडल मूल्य में परिवर्तनों को अनदेखा करने के लिए ngModel को बदलें। बस $watch को पूरी तरह से अक्षम कर दें)। सत्यापन के लिए, हम वास्तव में समर्थन कर सकते हैं एनजी-आवश्यक है, मेरा मतलब है कि हम वहां और क्या कर सकते हैं?

मैं ngModel के साथ भी एक फ़ाइल इनपुट का समर्थन करने में सक्षम होना चाहता हूं, लेकिन मुझे नहीं लगता कि यह कैसे काम करेगा, यह सिर्फ ngModel इंटरफ़ेस में फिट नहीं होता है।

मैं इस कथन से सहमत हूं लेकिन फिर, जैसा कि मैंने पहले कहा था, हमें इस पर विकी में या आम तौर पर प्रलेखन में अधिक जोर देने की आवश्यकता है ताकि डेवलपर्स को पता चले कि उन्हें आवश्यक कार्यक्षमता प्राप्त करने के लिए क्या करने की आवश्यकता है।

@ntrp अच्छी तरह से दस्तावेज़ पैच स्वागत से अधिक हैं, और यदि आप एक सबमिट करते हैं तो मुझे समीक्षा करने में खुशी होगी :)

क्या कोणीय में एक विशिष्ट निर्देश जोड़ना ही एक समाधान हो सकता है?

मैं पिछले कथन से सहमत हूं, लेकिन कम से कम थोड़ा अजीब लगता है कि a
कोणीय जैसे ढांचे के पास हासिल करने का स्पष्ट और साफ तरीका नहीं है
यह...
यह संभवत: सबसे भटकाव वाली बात थी जिसका मुझे सामना करना पड़ा जब मैं कोशिश कर रहा था
एक फ़ाइल अपलोड करें...

आह ठीक है @caitp , मैंने कुछ समय पहले पढ़ा था कि विकी पुल अनुरोध वास्तव में सक्रिय रूप से मूल्यांकन नहीं किया जा रहा था इसलिए मैंने योगदान देने की जहमत नहीं उठाई। अगर मुझे जल्द ही कुछ खाली समय मिलता है तो मैं सहर्ष योगदान दूंगा :) धन्यवाद।

मुझे नहीं पता था कि ngChange निर्देश के लिए ngModel का भी मौजूद होना आवश्यक है, जो मुझे लगता है कि यहाँ ngModel की इतनी चर्चा क्यों है (और यही कारण है कि मुझे यह त्रुटि मिलती है)। मैं सहमत हूं कि इनपुट [टाइप = फ़ाइल] पर 2-तरफा बाध्यकारी समझ में नहीं आता है।

लेकिन सही कारण क्या है कि ngModel ngChange द्वारा आवश्यक है? मेरे दिमाग में, इनपुट [टाइप = फ़ाइल] फ़ील्ड की परिवर्तन घटना से जुड़ने में सक्षम होने के लिए यह पूरी तरह से समझ में आता है, कहें कि फ़ाइल चुनने के बाद आप फॉर्म को स्वत: सबमिट करना चाहते हैं। ऐसे मामले में, मुझे वास्तव में परवाह नहीं है कि फ़ील्ड का मूल्य क्या है। मुझे केवल इस बात की परवाह है कि यह बदल गया है। इस तरह की चीज़ को संभालने का सबसे अच्छा तरीका है @cztomsik द्वारा उल्लिखित वर्कअराउंड के माध्यम से:

onchange="angular.element(this).scope().fileChangedHandler()"

और यह वास्तव में सबसे अच्छा समाधान नहीं लगता है।

ng-change , अन्य ईवेंट हैंडलर निर्देशों के समान नामित होने के बावजूद, वास्तव में change ईवेंट के लिए हैंडलर नहीं है। यह सिर्फ ngModelController में एक $viewChangeListener जोड़ता है, जो $setViewValue कहे जाने पर ट्रिगर हो जाता है।

मैं मानता हूँ कि यह एक दुर्भाग्यपूर्ण नाम है

यह #1236 का एक डुप्ली है जिसे इस टिप्पणी के साथ बंद कर दिया गया था: https://github.com/angular/angular.js/issues/1236#issuecomment -29115377

जब तक हम इसे कार्यान्वित करने के बारे में कोई प्रस्ताव नहीं देखते हैं ताकि यह हल्का हो, फिर भी कार्यात्मक हो और फ्रेमवॉक उपयोगकर्ताओं पर ux शैली को लागू करने की आवश्यकता न हो, हम इस पर विचार करेंगे। लेकिन अभी, हमें लगता है कि फ़ाइल अपलोड की समस्याएं इतनी जटिल हैं कि इसे एक समुद्री मॉड्यूल के रूप में हल किया जाना चाहिए, संभवतः कोर के बाहर।

+1

@IgorMinar यहां एक नज़र डालें, थोड़ा गंदा, लेकिन कार्यान्वयन का बहुत दिलचस्प उदाहरण: https://github.com/danialfarid/angular-file-upload। @danialfarid इसमें काफी प्रगति कर रहा है।

जांचें कि यह सभी के लिए एक समस्या कैसे है, कई टिप्पणियों के साथ कई मुद्दे खुल गए। आपको हमारे लिए एक ngUpload मॉड्यूल प्रदान करना होगा: मुस्कान:। हो सकता है कि आप एक html5 कार्यान्वयन प्रदान कर सकते हैं और https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills#file -api से http://docs.angularjs.org/guide के साथ उपयोग के उदाहरण जोड़ सकते हैं।

आप कैसे हल करने की सोच रहे हैं?

+1

+1

+1

+1

+1

+1

+1

+1

वाह, इस स्तर पर यह थोड़ा शर्मनाक है।

+1

फ़ाइल इनपुट के लिए 2-वे बाइंडिंग होना वास्तव में संभव नहीं है, निश्चित रूप से जब लक्ष्य ब्राउज़र सभी फ़ाइल एपीआई (http://caniuse.com/fileapi) का समर्थन नहीं करते हैं --- लेकिन जब भी वे कर सकते हैं, input[type=file] वैसे भी उसमें फिट नहीं बैठता। दोतरफा बंधन वास्तव में असंभव है

मुझे खेद है, लेकिन यह किसी अन्य चीज़ की तुलना में वेब प्लेटफ़ॉर्म की समस्या/सुरक्षा विशेषता से अधिक है। यदि यह करने योग्य होता, तो यह किया जाता

@caitp मुझे पूरी तरह से वही मिलता है जो आप कह रहे हैं लेकिन "यह वेब प्लेटफॉर्म की किसी भी समस्या/सुरक्षा सुविधा की तुलना में कुछ और है" एक हास्यास्पद बयान है। चौखटे का उद्देश्य ब्राउज़र की कमियों, वेब कल्पना और विभिन्न विसंगतियों को सुगम बनाना है। यह निश्चित रूप से एक जगह है जहां फाइलएपीआई के लिए एक चेतावनी पर्याप्त है। अब समाधान हैं, उन्हें क्यों न मोड़ें?

उदाहरण के लिए इसके लिए एक रैपर जितना सरल कुछ एक शुरुआत होगी।

इस दिशा को देखते हुए कि कोणीय 2.0 आगे बढ़ रहा है (केवल कोणीय, गैर-ईसीएमए मुहावरों को पार करना), मुझे नहीं लगता कि "वेब प्लेटफॉर्म" की सीमाएं चिंता का विषय होनी चाहिए।

@ बाकी सभी: इस मामले में एम्बर क्या करता है?

संपादित करें: पारदर्शी बयान से "आवश्यक" को हटा रहा है।

_बस एक त्वरित स्पष्टीकरण._ कोणीय 2.0 ऐप्स के निर्माण के लिए एक पारदर्शी भाषा या गैर-ईसीएमए मुहावरों की आवश्यकता नहीं होती है। आप सादे ES5 कोड का ठीक उपयोग कर सकते हैं। यदि आप कोणीय 2.0 स्रोत बनाना चाहते हैं, तो आपको संकलन करने के लिए ट्रेसर का उपयोग करने की आवश्यकता है। स्वाभाविक रूप से, आप अपने स्वयं के ऐप बनाने के लिए ट्रेसर का उपयोग कर सकते हैं और उन्हीं सुविधाओं का लाभ उठा सकते हैं जिनका उपयोग हम एंगुलर के अंदर कर रहे हैं, लेकिन यह पूरी तरह से वैकल्पिक है। क्षमा करें यदि हमारी घोषणाओं में उस बिंदु पर कुछ भ्रम हुआ हो।

@EisenbergEffect मेरा बुरा। मैं यह जानता था और बेहतर ढंग से प्रूफरीड करना चाहिए था। कॉफी नहीं!

फ्रेमवर्क वास्तव में वेब प्लेटफॉर्म की सीमाओं के आसपास नहीं पहुंच सकते। जैसे, हम ब्राउज़र को केवल पढ़ने के लिए आईडीएल विशेषताओं (जो वास्तव में फाइलों के लिए 2-तरफा बंधन को तोड़ता है) को लिखने के लिए मजबूर नहीं कर सकते हैं, और हम ब्राउज़र को फाइल सिस्टम को हमारे सामने उजागर करने के लिए मजबूर नहीं कर सकते हैं, जो वास्तव में हमें ऐसा करने से रोकता है। इसके साथ कुछ भी दिलचस्प

@caitp मैं

शायद हम इस बातचीत को "कोणीय इसका समर्थन कैसे कर सकते हैं?" इसके बजाय, "यह हमारे वर्तमान पैटर्न में फिट नहीं होगा।"

फ़ाइल इनपुट के लिए बाध्य करना निश्चित रूप से संभव है, मैंने इसे वास्तव में AngularJS के लिए पिछले प्रोजेक्ट में किया है।

तथ्य यह है कि आप फ़ाइल इनपुट के साथ दो-तरफा बाध्य नहीं कर सकते हैं एक सुरक्षा सुविधा है, और यह समझ में आता है। लेखक कभी भी स्क्रिप्ट के माध्यम से फ़ाइल पथ सेट करने में सक्षम नहीं होंगे, लेकिन क्यों न केवल एक तरफा इसे बांधें?

निश्चित रूप से यह प्रतिमान को तोड़ता है, लेकिन वास्तव में कौन परवाह करता है यदि इसका मतलब है कि आपको एनजी-परिवर्तन और हैक के बिना फ़ाइल एपीआई के माध्यम से फ़ाइलों तक पहुंचने की क्षमता मिलती है? jQuery फ़ाइल इनपुट पर एक परिवर्तन घटना से जुड़ सकता है, क्या कोणीय तरीका इतना पवित्र है कि हम इसे नियंत्रक के भीतर ही बांध नहीं सकते हैं? क्या यह वास्तुकला के साथ एक तकनीकी सीमा है या सिर्फ एक वैचारिक बाधा है?

सहमत, मैं 2 तरह से बाध्यकारी से कम चिंतित था। मैं बस हुप्स के माध्यम से कूदे बिना फ़ाइल को अपने शेष दस्तावेज़ के साथ पोस्ट करना चाहता था।

20 मई, 2014, पर 7:53 AM पर, जस्टिन Arruda < [email protected] [email protected] > ने लिखा:

@c aitphttps://github.com/caitp मैं पिछले कुछ समय से इस मुद्दे का अनुसरण कर रहा हूं। मुझे लगता है कि एक साधारण फ़ाइल चयन इनपुट का समर्थन करने के लिए कोणीय के लिए पर्याप्त सामुदायिक इच्छा प्रतीत होती है। वर्तमान में (जब तक कि मैं गलत नहीं हूं), एक तुच्छ ऐप का निर्माण करना जो एक फ़ाइल को स्वीकार करता है और इसे एक्सएचआर के माध्यम से एंगुलर का उपयोग करके अपलोड करता है, जिसका पालन करने के लिए कोई आधिकारिक पैटर्न नहीं है? क्या यह एक ऐसी विशेषता की तरह नहीं है जो कम से कम कुछ ध्यान देने योग्य है, "क्षमा करें, ऐसा नहीं कर सकता क्योंकि दो-तरफा बाध्यकारी यहां समझ में नहीं आता है।"

शायद हम इस बातचीत को "कोणीय इसका समर्थन कैसे कर सकते हैं?" इसके बजाय, "यह हमारे वर्तमान पैटर्न में फिट नहीं होगा।"

-
इस ईमेल का सीधे उत्तर दें या इसे Gi tHubhttps: //github.com/angular/angular.js/issues/1375#issuecomment -43636326 पर देखें।

फिर आपके पास एक मामला है जहां एनजी-मॉडल एक विशेष रूप नियंत्रण के लिए बेतहाशा अलग तरह से व्यवहार करता है, और फिर आपके पास बग दाखिल करने वाले लोग हैं जैसे "जब मैं "foobarblah.txt" या जो कुछ भी मान बदलता हूं, तो फॉर्म नियंत्रण गलत फ़ाइल कैसे भेजता है। असंगत एपीआई -> खराब।

ngModel विशेष रूप से इस सामान के लिए पूरी तरह से आदर्श नहीं है क्योंकि इसका मतलब है कि हमारे पास फिट होने के लिए एक विशिष्ट पैटर्न है, और एप्लिकेशन लेखकों के लिए इसे बंद करना बहुत मुश्किल है। इसके लिए angular.dart और v2.0.0 प्रोटोटाइप में समाधान हैं, इसलिए यह भविष्य में बेहतर होगा। लेकिन हम वास्तव में एक और एनजी-मॉडल व्यवहार नहीं जोड़ सकते हैं जो एनजी-मॉडल वर्तमान में जो कुछ भी करता है उसे अनदेखा करता है, इसका कोई मतलब नहीं होगा

एक फ़ाइल स्वीकार करता है और इसे एंगुलर का उपयोग करके एक्सएचआर के माध्यम से अपलोड करता है

@guruward हम लोगों को शॉकवेव पॉलीफ़िल या इसी तरह का उपयोग करने के लिए मजबूर किए बिना 1.x के लिए अपने सभी लक्षित ब्राउज़रों पर इसका समर्थन नहीं कर सकते। तीसरे पक्ष के मॉड्यूल हैं जो इसकी अनुमति देते हैं, और इसके बजाय उनका उपयोग किया जा सकता है। कोणीय-फ़ाइल-अपलोड शॉकवेव पॉलीफ़िल और html5 देशी संस्करणों को एक साथ शिप करता है, और सही को चुनता है। तो यह एक बुरा समाधान नहीं है, यदि आप ऐसा करना चाहते हैं तो दृढ़ता से अनुशंसा की जाती है।

लेकिन मुझे यकीन नहीं है कि यह कुछ ऐसा है जिसे हम कोर में डाल सकते हैं, आपको इगोर से पूछना होगा कि वह कोर में शॉकवेव पॉलीफिल शिपिंग के बारे में क्या सोचता है।

मैं यह नहीं कह रहा हूं कि यह एक उपयोग का मामला है जिसे लोग कभी नहीं करना चाहेंगे, मैं समझ सकता हूं कि ऐसा करना चाहते हैं, मैं बस इतना कह रहा हूं कि यह ngModel पैटर्न में फिट नहीं है, और हमें कुछ अतिरिक्त cruft जोड़ने की आवश्यकता है सभी लक्षित ब्राउज़रों का समर्थन करता है, इसलिए यह इस तरह से ढांचे को तोड़ देता है।

इसके लिए थर्ड पार्टी मॉड्यूल का उपयोग करने में क्या हर्ज है?

इस पॉलीफ़िल को फ़्लैश की आवश्यकता नहीं है।

@jreading यह एक

यह जो कर रहा है वह फ़ाइल एपीआई पर निर्भर है, जो सभी लक्षित ब्राउज़रों में उपलब्ध नहीं है, और इसलिए कोणीय 1.x कोर के लिए समस्याग्रस्त है।

उस एपीआई के बिना, आपके पास शॉकवेव जैसी किसी चीज़ के बिना फ़ाइल ब्लॉब पर जाने का कोई तरीका नहीं है।

यह फ्लैश के बजाय iframes का उपयोग करता है, तो आप के बारे में सोच हो सकता है यह । शब्दार्थ पर बहस करने के बजाय, रोडमैप के बारे में क्या? आइए फ़ाइल एपीआई सक्षम ब्राउज़रों के लिए फ़ाइल इनपुट पर एनजी-परिवर्तन के साथ शुरू करें।

@jreading दुर्भाग्य से यह उन ब्राउज़रों की मदद नहीं करता है जो एपीआई सक्षम नहीं हैं, जिसमें

इसके लिए तृतीय-पक्ष मॉड्यूल में समाधान हैं, यदि वे उपयुक्त महसूस करते हैं तो कौन से एप्लिकेशन उपयोग कर सकते हैं। इसे कोर ए में रखना) उन तृतीय-पक्ष मॉड्यूल को कठिन समय देता है, और बी) सभी लक्षित ब्राउज़रों का समर्थन करने में विफल रहता है, इसलिए यह एक समस्या है।

यह सिर्फ मेरी राय है, शायद इगोर या कोई और असहमत होगा, लेकिन मुझे नहीं लगता कि यह यहां सही दृष्टिकोण है।

तीसरे पक्ष के मॉड्यूल का उपयोग करने में क्या नुकसान है यदि वे आपके लिए काम करते हैं, और आपको उनकी आवश्यकता है?

वास्तव में कभी यह निहित नहीं था कि नियंत्रक को उपलब्ध होने के लिए एक ब्लॉब की आवश्यकता होती है। मैं एक अंग पर बाहर जा रहा हूं, लेकिन सबसे बड़ा उपयोग मामला जो मैं देख रहा हूं वह यह जानने की क्षमता है कि फ़ाइल इनपुट कब बदल गया है और इसे एक आराम समापन बिंदु पर भेजने की क्षमता है, जो इस आईफ्रेम समाधान या फ़ाइल एपीआई और कोणीय के साथ उपलब्ध है भाड़े।

तीसरे पक्ष के मॉड्यूल मेरे ब्लॉग पोस्ट (आपके लिए कोई अपलोड नहीं !!) की तरह एकमात्र तरीका या आक्रामक संवर्द्धन हैं, लेकिन मैं सिर्फ सवाल को बदल सकता हूं और पूछ सकता हूं कि "आधुनिक ब्राउज़र के लिए बेहतर एपीआई होने में क्या नुकसान है?"

"आधुनिक ब्राउज़र के लिए बेहतर एपीआई होने में क्या बुराई है?"

यह तर्क कमजोर है क्योंकि यह अवसर लागत को ध्यान में नहीं रखता है; हमारे (कोर टीम को) काम करने के लिए और भी बहुत सी चीजें हैं।

काफी उचित। बस एक बड़ा अंतर और कम लटके फल की तरह लगता है।

यहां मुद्दा यह नहीं है कि यह काम ngModel के साथ कैसे किया जाए। मुझे लगता है कि ngModel इनपुट फ़ील्ड से फ़ाइललिस्ट को दायरे में उजागर कर सकता है, लेकिन दूसरी दिशा में, हम केवल मॉडल को समर्थित होने के लिए अशक्त/अपरिभाषित पर सेट करने की अनुमति देंगे। पार्सर्स/फॉर्मेटर शायद कुछ भी नहीं करेंगे और सत्यापनकर्ता केवल फ़ाइल उपस्थिति या अनुपस्थिति की जांच जैसे साधारण सामान करेंगे।

मुद्दा यह है (जैसा कि पहले उल्लेख किया गया था) कि फ़ाइल एपीआई समर्थन के बिना यह ठीक से करना कोर के लिए अक्षम्य है क्योंकि हमारी बेसलाइन आईई 9 है और इस सामान को पॉलीफिल करना कोर के लिए सवाल से बाहर है।

इसके अतिरिक्त इस इनपुट को इस तरह से संभालने का प्रयास करना जो क्रॉस-ब्राउज़र संगत नहीं है, केवल तृतीय पक्ष समाधानों के लिए कठिन बनाता है, जिसे अब मूल समाधान से लड़ना/अक्षम/काम करना है।

गैर-प्रमुख समाधान जो इसे संभालते हैं, पहले से मौजूद हैं और इस मुद्दे की चर्चा के साथ-साथ पिछले अंक में उनका उल्लेख किया गया

कई अन्य चीजें हैं जिनका बड़ा प्रभाव पड़ता है जिन्हें हम पूरा करना चाहते हैं। मैं समझता हूं कि यह एक अपेक्षाकृत सामान्य मामला है, लेकिन मैंने अभी तक यह नहीं सुना है कि मौजूदा समाधान पर्याप्त क्यों नहीं हैं?

क्या इस चर्चा में डाली जा रही कुछ ऊर्जा को मौजूदा समाधानों में सुधार करने के लिए पुनर्निर्देशित किया जा सकता है यदि उन्हें इसकी आवश्यकता है, या एक नया समाधान तैयार करना जो मौजूदा समाधानों से बेहतर हो?

जैसे ही हमने #1236 को बंद किया, मैं इसे बंद करने जा रहा हूं। आधुनिक ब्राउज़रों का समर्थन करने के लिए कोणीय 2 का निर्माण किया जा रहा है और इसके साथ फ़ाइल समर्थन आसानी से उपलब्ध होगा।

मैं बस यह जानना चाहता हूं कि परिवर्तन की घटना कब होती है, इसलिए मैं सीधे तत्व तक पहुंच सकता हूं और फ़ाइल जानकारी प्राप्त कर सकता हूं और AJAJ के माध्यम से अपलोड कर सकता हूं।

@bjoshuanoah तो आपको ngModel की क्या आवश्यकता है? बस एक ईवेंट श्रोता को इनपुट = p . से बांधें

@caitp मैं नियंत्रक में सबकुछ नियंत्रित करना चाहता हूं, निर्देश के साथ नहीं।

अगर मैं ng-change="uploadFile({$event: $event})" डालता हूं

मेरे पास मेरे नियंत्रक में $scope.uploadFile(event) हो सकता है। और वहां संभालो।

मेरा विशिष्ट उपयोग मामला यह है: फ़ाइल को s3 पर अपलोड करें, मेरे मॉडल पर url लागू करें।

इसके बजाय मुझे वही काम करने के दायरे में तोड़ना होगा। बहुत कष्टप्रद:

<input name="highRes" scope="{{contentOptions.currentValue}}" key="value" type="file" onchange="angular.element(this).scope().setFile(this)">

काश कोई इस मुद्दे को मार देता। तो हम सब आगे बढ़ सकते हैं :)

जुला 25, 2014, पर 9:22 बजे, ब्रायन पर < [email protected] [email protected] > ने लिखा:

मैं बस यह जानना चाहता हूं कि परिवर्तन की घटना कब होती है, इसलिए मैं सीधे तत्व तक पहुंच सकता हूं और फ़ाइल जानकारी प्राप्त कर सकता हूं और AJAJ के माध्यम से अपलोड कर सकता हूं।

-
इस ईमेल का सीधे उत्तर दें या इसे Gi tHubhttps: //github.com/angular/angular.js/issues/1375#issuecomment -50171714 पर देखें।

+1

+1

+1000000000000000

+1

+1

+1

+1

+100500

+1
मुझे यकीन नहीं है कि अजाक्स एक मुद्दा क्यों है। कोई स्थानीय मशीन पर एक csv फ़ाइल से डेटा को कोणीय मॉडल में लोड करना चाह सकता है। अगर एनजी-चेंज ने एंगुलर के भीतर फाइल इनपुट में काम किया तो यह आसान होगा, वर्तमान में यह नहीं है । इस परिदृश्य में अजाक्स या सर्वर एपीआई की बिल्कुल भी आवश्यकता नहीं है। मुझे यह भी यकीन नहीं है कि यह क्यों बंद है?

मेरा वर्तमान समाधान निम्नलिखित करना है:

 input(type="file", onchange="angular.element(this).scope().onFileSet(this.files)")

और मेरे नियंत्रक में बस कुछ ऐसा है

$scope.onFileSet = function(files) { 
// work your magic here 
}

बहुत ज्यादा बदबू आ रही है, मुझे ऐसा लग रहा है कि मैं एक उपकरण के रूप में कोणीय को कम कर रहा हूं। इसे और अधिक कोणीय तरीके से कैसे करें इस बारे में कोई अंतर्दृष्टि बहुत सराहना की जाएगी।

:दिल दिल:

यहाँ एक सेलबोट है: सेलबोट:

डिबग मोड बंद होने पर @samccone स्कोप () अनुपलब्ध नहीं है?

@geetsce यह सही है (1.3.x और बाद में)

वेलप, 1.2 लैंड में सब ठीक है।

@Narretz क्या आपके पास एक बेहतर समाधान है?

यह मेरे लिए काम करता है, यह https://jasonturim.wordpress.com/2013/09/01/angularjs-drag-and-drop से प्रेरित है

<input type="file" multiple="multiple" data-dbinf-on-files-selected="chooseAFunctionName(selectedFileList)">
<script>
/**Directive to propagate selected files from an HTML input element with type="file"
 * to the surrounding AngularJS controller.
 */
myApp.directive('dbinfOnFilesSelected', [function() {
    return {
        restrict: 'A',
        scope: {
              //attribute data-dbinf-on-files-selected (normalized to dbinfOnFilesSelected) identifies the action
              //to take when file(s) are selected. The '&' says to  execute the expression for attribute
              //data-dbinf-on-files-selected in the context of the parent scope. Note though that this '&'
              //concerns visibility of the properties and functions of the parent scope, it does not
              //fire the parent scope's $digest (dirty checking): use $scope.$apply() to update views
              //(calling scope.$apply() here in the directive had no visible effect for me).
            dbinfOnFilesSelected: '&'
        },
        link: function(scope, element, attr, ctrl) {
            element.bind("change", function()
            {  //match the selected files to the name 'selectedFileList', and
               //execute the code in the data-dbinf-on-files-selected attribute
             scope.dbinfOnFilesSelected({selectedFileList : element[0].files});
            });
        }
    }
}]);

myApp.controller('myController', ['$scope', function($scope) {
    $scope.chooseAFunctionName = function (filelist) {
        for (var i = 0; i < filelist.length; ++i) {
            var file = filelist.item(i);
            //do something with file; remember to call $scope.$apply() to trigger $digest (dirty checking)
            alert(file.name);
           }
    };
}]);
</script>

+1

+1

ऐसा नहीं होगा... जाने दो, जाने दो...

+1

जैसा कि @samccone ने कहा,

input(type="file", onchange="angular.element(this).scope().onFileSet(this.files)")

यह चीजों को करने का कोणीय तरीका नहीं है। यह अजीब है।

+1

+1

+1

अरे @caitp @Narretz अगर आप चाहते हैं कि मैं 1.2x शाखा के लिए इसके लिए एक पीआर तैयार कर सकता हूं, तो मुझे बताएं कि यह ऐसा कुछ है जिसे आप जोड़ना चाहते हैं या नहीं। मैं सुरक्षा चिंताओं और क्रॉस ब्राउज़र समर्थन की कमी को समझता हूं जहां तक ​​​​वास्तविक फ़ाइल ऑब्जेक्ट तक पहुंच प्राप्त होती है, हालांकि यह पता लगाने के लिए मूल समर्थन की तरह लगता है कि फ़ाइल इनपुट कब बदल गया है (मूल घटना में गुजरना) पर्याप्त हुक प्रदान करेगा ताकि लोग अपना जादू चला सकें।

आप जो कुछ भी करते हैं उसके लिए फिर से धन्यवाद :palm_tree:

+1

+1

+1

+1

+1

एनजी-फाइल-अपलोड बढ़िया काम कर रहा है।

@neokyol के लिए +1 !! यह बहुत अच्छा काम करता है!

यह सामान्य सुविधा फ्रेमवर्क में डिफ़ॉल्ट रूप से होनी चाहिए

उपयोगी

+1

+1

+1

+1

+1

यह मेरे लिए काम किया, मदद कर सकता है

angular.module('app', [])
  .controller('MainCtrl', MainCtrl)
  .directive('fileChange', fileChange);

  function MainCtrl($scope) {
    $scope.upload = function () {
      // do something with the file
      alert($scope.file.name);
    };
  }

  function fileChange() {
    return {
      restrict: 'A',
      require: 'ngModel',
      scope: {
        fileChange: '&'
      },
      link: function link(scope, element, attrs, ctrl) {
        element.on('change', onChange);

        scope.$on('destroy', function () {
          element.off('change', onChange);
        });

        function onChange() {
          ctrl.$setViewValue(element[0].files[0]);
          scope.fileChange();
        }
      }
    };
  }

<div ng-app="app" ng-controller="MainCtrl">
  <input type="file" file-change="upload()" ng-model="file">
</div>

http://plnkr.co/edit/JYX3Pcq18gH3ol5XSizw?p=preview

+1

+1

+1

+1

+1000000000000000000000000

+1

+1

@dciccale क्या आप कृपया प्लंकर उदाहरण प्रदान कर सकते हैं।

@santhosh77h http://plnkr.co/edit/JYX3Pcq18gH3ol5XSizw?p=preview

+1

+1

+1 इसके लिए कोर लाइब्रेरी में एक निर्देश बनाया जाना चाहिए। यह काफी हास्यास्पद है

+1

+1
क्या फीचर अगली रिलीज में से एक के लिए निर्धारित है?

+1

+1

यह उन परियोजनाओं में कैसे करें जहां नियंत्रक में $ स्कोप कभी इंजेक्शन नहीं दिया जा रहा है। मैं लार्वा कोणीय का उपयोग कर रहा हूं जो नियंत्रकों को घोषित करने के जीयूएलपी और ईएस 6 तरीके का उपयोग करता है।

अर्थात

class TestController{
    constructor(API){
        'ngInject';
        this.API = API
    }

    $onInit(){
        this.file = null;
    }
    upload() {
        console.log(this.file)
    }
    fileChanged(elm) {
        console.log('hey')
        this.file = elm.file;
        this.$apply();
    }
}

export const TestComponent = {
    templateUrl: './views/app/components/test/test.component.html',
    controller: TestController,
    controllerAs: 'vm',
    bindings: {}
}

मुझे विश्वास है कि मुझे एक कामकाज मिला है। http://stackoverflow.com/questions/38449126/how-to-set-up-ng-file-upload-in-laravel-angular-project/38486379#38486379

+1

@ntrp @guruward @coli @lgersman @jgoldber @Siyfion
आपने के लिए सत्यापन कैसे ठीक किया?
मेरा सत्यापन:
this.catalougeForm = this.catalougeFormBuilder.group({
CatalougeIconName: ['',Validators.required]
});
एचटीएमएल:
(बदलें) = "चेंज लिस्टनर($ईवेंट)">

मेरा सत्यापनकर्ता मेरे अपलोड करने के बाद catalougeIconName मान को खाली/शून्य मान रहा है।
छवि भेजी जा रही है, लेकिन सत्यापनकर्ता काम नहीं कर रहा है

इस पर कोई अपडेट?

कोई अपडेट्स ?

देखें https://github.com/angular/angular.js/issues/1375#issuecomment -43820650