为什么在调用函数时多次打印 - AngularJS
Why printing multiple times on calling a function - AngularJS
我正在从控制器范围调用一个函数,但在控制台中,值被打印了三次。为什么会这样?
源
<!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
这是对 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打印数字表
- AngularJS-打印更改到页面
- 将子元素打印为 AngularJS 选择的 ng-选项
- 如何在 angularJS 中控制打印的双数组
- 无法打印带有angularjs,HTML和REST的表格
- AngularJS 打印隐藏分区
- 使用Javascript、HTML5、AngularJS从浏览器打印嵌入式PDF
- 如何在angularjs中打印API的数据
- Angularjs:在TextArea中打印带有新行的Array模型
- 使用angularjs打印的日子越来越多
- 如何使用Javascript AngularJS打印一个月的所有日期
- 数,用AngularJS打印选中的输入
- AngularJs打印双引号
- AngularJS的ng-click函数在我打开打印对话框后不工作
- 如何在angularjs上使用正则表达式来打印值
- 上传后打印文件内容,AngularJS
- AngularJS:把数组打印成字符串的好方法
- Angularjs的响应没有打印在form中
- 作用域变量不打印AngularJS
- 为什么在调用函数时多次打印 - AngularJS