为什么在调用函数时多次打印 - AngularJS

Question

我正在从控制器范围调用一个函数，但在控制台中，这些值被打印了 3 次。 为什么会这样？

来源

<!DOCTYPE html>
<html ng-app="myModule" >
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
</head>
<body ng-init="priceList='promo03,promo04'">
<div ng-controller="PricingController" >
    {{splitArray()}}
</div>
<script>
var myModule = angular.module('myModule',[]);

myModule.controller('PricingController',['$scope', function($scope){
    $scope.priceString = $scope.priceList;
    $scope.array = [];
    $scope.splitArray= function(){
        console.log($scope.priceString);
        $scope.array = $scope.priceString.split(",");
        console.log($scope.array[0]);
        console.log($scope.array[1]);
    };
}]);
</script>
</body>
</html>

控制台输出

promo03,promo04 
promo03
promo04 
promo03,promo04 
promo03 
promo04 
promo03,promo04 
promo03
promo04

预期产出

promo03,promo04 
promo03
promo04

Answer 1

Angular 的每个摘要循环都会调用它。 如果您保持程序运行，您将拥有更多日志。

为了防止它，将您的函数调用到您的控制器中，而不是调用到您的 html 中的绑定值中。

例如：

$scope.splitArray= function(){
        console.log($scope.priceString);
        $scope.array = $scope.priceString.split(",");
        console.log($scope.array[0]);
        console.log($scope.array[1]);
    };
$scope.splitArray();

为什么在调用函数时多次打印 - AngularJS

问题描述

来源

控制台输出

预期产出

1 个解决方案

解决方案1
1 已采纳 2015-06-19 03:46:26

为什么在调用函数时多次打印 - AngularJS

问题描述

来源

控制台输出

预期产出

1 个解决方案

解决方案1 1 已采纳 2015-06-19 03:46:26

解决方案1
1 已采纳 2015-06-19 03:46:26