如何通过angularjs将输入数组传递给web api答案

【问题标题】：How to pass array of inputs to web api via angularjs如何通过angularjs将输入数组传递给web api
【发布时间】：2015-09-21 03:11:35
【问题描述】：

我是 Angularjs 的新手，通过构建一个向用户检索数据（电影详细信息）的服务来学习 webapi。
电影名称、年份、Ratings 和 Cast 是参数。
我正在尝试使用form 进行POST 调用。我对所有输入都使用了文本框，当提交时，Cast 值被传递为 null，因为它定义为 Array 数据类型。
注意：我让用户输入 Cast 值逗号分隔。
例如：Cena, Orton, Edge 在这里，我坚持如何获取在Cast 控件中输入的值并将其作为数组对象传递给我的 webapi。

HTML：

<form ng-submit="submit()">
   <input type="text" ng-model="moviename" />
   <input type="text" ng-model="year" />
   <input type="text" ng-model="rating" />
   <input type="text" ng-model="cast" />
   <input type="submit" value="ADD" />
</form>

控制器：

$scope.avalue = [];
$scope.submit = function() {
    var prod = {
        "Name": $scope.moviename,
        "Year": $scope.year,
        "Rating": $scope.rating,
        "Cast": $scope.avalue
    };
    var result = CRUDService.Add(prod);
};

如何实现。在Cast输入中通过逗号分隔？？

【问题讨论】：

标签： javascript angularjs asp.net-web-api

【解决方案1】：

您可以使用String.prototype.split() 函数将字符串拆分为子字符串数组。根据您期望的输入，这可能有效：

$scope.avalue = $scope.cast.split(', ');
$scope.submit = function() {
  var prod = {
    "Name": $scope.moviename,
    "Year": $scope.year,
    "Rating": $scope.rating,
    "Cast": $scope.avalue
  };
  var result = CRUDService.Add(prod);
};

【讨论】：