将参数传递给函数空间

我在html5和angular js中编写代码。在传递参数时遇到空间问题。这里是我的代码：将参数传递给函数空间

angular.module('MyApp', []) 
 
    controller('MyCtrl', function($scope) { 
 
     
 
     $scope.validate = function(description,code) { 
 
     alert(description,code); 
 
     } 
 
     });

<!DOCTYPE html> 
 
<html> 
 
<body ng-app="MyApp"> 
 
    <div ng-repeat="x in allItem.items" class="col-75" ng-controller="MyCtrl"> 
 
    <a href="#" ng-click="validate({{x.itemDesc}},{{x.itemCode}})"> 
 
    <div class="card item center">{{x.itemName}} 
 
    </div></a> 
 
    </div> 
 
    </body> 
 
    </html>

的JSON格式是这样的Json包含

allItem 
    { 
    items 
     { 
      itemName: "egg", 
      itemDesc: "Egg is very delicious", 
      itemCode: "EGG" 
      } 

     { 
      itemName: "Tomato", 
      itemDescr: "Tomato's skin contains vitamins", 
      itemCode: "TMT" 
      } 
    }

我不能传递的参数。我不知道如何传递包含空格和引号（'）的文本。任何人都可以帮我

来源

2015-10-15 SANGEETH KUMAR S G

你的Json需要是一个数组，你可以跳过href =“＃”，你不需要在ng-click内绑定。下面的代码完全正常运行。

angular.module('MyApp', []) 
 
    .controller('MyCtrl', function($scope) { 
 

 

 
     $scope.allItem = 
 
     { 
 
      items:[ 
 
       { 
 
        itemName: "egg", 
 
        itemDesc: "Egg is very delicious", 
 
        itemCode: "EGG" 
 
       }, 
 

 
       { 
 
        itemName: "Tomato", 
 
        itemDesc: "Tomato's skin contains vitamins", 
 
        itemCode: "TMT" 
 
       } 
 
] 
 
     }; 
 

 

 
     $scope.validate = function(description, code) { 
 

 
      console.log(description,'-', code); 
 
     }; 
 
});

<!doctype html> 
 
<html> 
 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
</head> 
 
<body ng-app="MyApp" ng-controller="MyCtrl"> 
 
<br/> 
 
     
 
     <div ng-repeat="x in allItem.items" class="col-75"> 
 
      <a ng-click="validate(x.itemDesc, x.itemCode)"> 
 
       <div class="card item center">{{x.itemName}} 
 
       </div> 
 
      </a> 
 
     </div> 
 
</body> 
 
</html>

来源

2015-10-15 16:10:14 Enkode

谢谢@Enkode。现在我的问题已修复。 –

将参数传递给函数空间

回答

相关问题