TypeError：无法读取在AngularJS中未定义的属性'$ valid'

-2

我正在开发web应用程序AngularJS。我有下面的表格。

<form name="form2" novalidate><multiselect class="input-xlarge" multiple="true" 
ng-model="selectedCar" options="c.name for c in cars" change="selected()"></multiselect> 
<input type="file" file-modelsr = "myFileDL" /> 
<input type="file" file-modelsr="myFileID" /> 
<input type="submit" value="{{ 'NEXT' | translate }}" class="blue-button" ng-click="saveDetail()">

下面是我的JS代码。

var myapp = angular.module('RoslpApp'); 
(function() { 
    angular.module('RoslpApp').controller('CarOutside', ['$scope', '$http', '$translatePartialLoader', '$translate', '$state', '$stateParams', 'cfg', 'toastr', '$cookieStore', '$filter', '$anchorScroll', '$location', 'fileUpload', 
     function ($scope, $http, $translatePartialLoader, $translate, $state, $stateParams, cfg, toastr, $cookieStore, $filter, $anchorScroll, $location, fileUpload) { 
      $translatePartialLoader.addPart('ServiceRequest'); 
      $translate.refresh(); 
      var cookiePreferredLanguage = $cookieStore.get('PreferredLanguage'); 
      var LoginID = $cookieStore.get("LoginID"); 
      var baseurl = cfg.Baseurl; 
      $translate.use((cookiePreferredLanguage != null && cookiePreferredLanguage != undefined && cookiePreferredLanguage != "") ? cookiePreferredLanguage : 'de_AR'); 
      $scope.name = 'World'; 
      //Bind data to multi select dropdown(location) 
      $scope.cars = [{ id: 1, name: 'Audi' }, { id: 2, name: 'BMW' }, { id: 1, name: 'Honda' }]; 
      $scope.selectedCar = []; 
      //Bind data to period 
      $scope.periodList = [{ id: 1, period: 'Audi' }, { id: 2, period: 'BMW' }, { id: 1, period: 'Honda' }]; 

      if ($scope.form2.$valid) { 
       $scope.saveDetail = function() { 
        var fileDL = $scope.myFileDL; 
        var fileID = $scope.myFileID; 
        var uploadUrl = "/fileUpload"; 
        fileUpload.uploadFileToUrl(file, uploadUrl); 
       }; 
      } else { 
       alert("not valid"); 
      } 
    }]); 
})();

我得到下面的错误无法读取属性undefined$valid和无法弄清楚它为什么我收到此错误。任何帮助，将不胜感激。谢谢。

来源

2017-08-08 Niranjan Godbole

请添加更多的JS代码 – Brian

增加。谢谢。另外我还有两个指令 –

的 $valid

将您的支票的saveDetail()内。如果($scope.form2.$valid)在您的控制器运行时正在运行，这是$ scope.form2之前有任何数据，因此未定义。

 $scope.saveDetail = function() { 
      if ($scope.form2.$valid) { 
      var fileDL = $scope.myFileDL; 
      var fileID = $scope.myFileID; 
      var uploadUrl = "/fileUpload"; 
      fileUpload.uploadFileToUrl(file, uploadUrl); 
      } else { 
       alert("not valid"); 
      } 
     };

来源

2017-08-08 10:36:25 Brian

除了功能saveDetail以外的if.. else，你应该把它们放在里面。

当前，当它试图执行$scope.form2.$valid时，表单（form2）尚未初始化，并且是undefined。这就是为什么你会得到undefined

$scope.saveDetail = function() { 
    if ($scope.form2.$valid) { 
    var fileDL = $scope.myFileDL; 
    var fileID = $scope.myFileID; 
    var uploadUrl = "/fileUpload"; 
    fileUpload.uploadFileToUrl(file, uploadUrl); 
    } else { 
    alert("not valid"); 
    } 
};

来源

2017-08-08 10:36:18 tanmay

你应该附上if....else..的saveDetail()方法内。

此外，您可以将form2.$valid作为参数传递给ng-submit中的方法，作为ng-submit="saveDetail(form2.$valid)"，并检查其在方法体内的真实性。

var app = angular.module("app", []); 
 
app.controller("ctrl", function($scope) { 
 
    $scope.saveDetail = function(valid) { 
 
    if (valid) { 
 
     console.log("valid"); 
 
    } else { 
 
     console.log("Not Valid") 
 
    } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="app" ng-controller="ctrl"> 
 
    <form name="form2" novalidate ng-submit="saveDetail(form2.$valid)"> 
 
    <multiselect class="input-xlarge" multiple="true" ng-model="selectedCar" options="c.name for c in cars" change="selected()"></multiselect> 
 
    <input type="file" file-modelsr="myFileDL" /> 
 
    <input type="file" file-modelsr="myFileID" /> 
 
    <input type="submit" value="{{ 'NEXT'}}" class="blue-button"> 
 
    </form> 
 
</body>

来源

2017-08-08 10:41:35 Sajal

谢谢....... –

TypeError：无法读取在AngularJS中未定义的属性'$ valid'

回答

相关问题