javascript - 使用 Angular.js 或 JavaScript 将一个字符串替换为另一个字符串

Question

这个问题已经有答案了:

Rename the property names and change the values of multiple objects (3 个回答)

已关闭 7 年前。

我有一些 JSON 数据，我需要使用 Angular.js 或 JavaScript 将一个值替换为另一个字符串。我的代码如下:

$http({
    method:'POST',
    url:"php/getFilterCodeData.php",
    data:filterData,
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(function successCallback(response){
    console.log('filter',response.data);
    $scope.last=[];
    for(var i=0;i<response.data.length;i++){
       $scope.arrCode=response.data[i].generated_code.split(',');
    }
        //console.log('arr',$scope.arrCode);
    for(var i=0;i<$scope.arrCode.length;i++){
        $scope.last.push($scope.arrCode[i].split("_").pop());
    }
    //console.log('last',$scope.last);
    var newStr=$scope.last[0]+"-"+$scope.last[$scope.last.length-1];

    //console.log('new str',newStr);
},function errorCallback(response) {
})

这里我使用控制台获取以下数据:

filter [{
customer_name: "Big-Bazar"
expired_date: "23-12-2015"
generated_code: "medilink_global_01,medilink_global_02,medilink_global_03,medilink_global_04,medilink_global_05,medilink_global_06,medilink_global_07,medilink_global_08,medilink_global_09,medilink_global_10,medilink_global_11,medilink_global_12,medilink_global_13,medilink_global_14,medilink_global_15,medilink_global_16,medilink_global_17,medilink_global_18,medilink_global_19,medilink_global_20,medilink_global_21,medilink_global_22,medilink_global_23,medilink_global_24,medilink_global_25,medilink_global_26,medilink_global_27,medilink_global_28,medilink_global_29,medilink_global_30,medilink_global_31,medilink_global_32,medilink_global_33,medilink_global_34,medilink_global_35,medilink_global_36,medilink_global_37,medilink_global_38,medilink_global_39,medilink_global_40"
no_of_voucher: "40"
status: "generated"
voucher_amount: "3000"
voucher_code_id: "13"}]

这里我需要替换generated_code:值 newStr 。预期输出应该是:

generated_code:01-40

Answer 1

在 JavaScript 中:

$scope.filter = filter;
$scope.filter[0].generate_code = newStr;

要显示字符串，只需在模板中使用 {{ filter[0].generate_code }} 即可。

AngularJS 始终监视范围内变量的更改，并在更改时在模板中替换它们，因此非常简单。