angularjs中copy()方法的使用及方法返回值问题

最新推荐文章于 2024-05-29 20:24:55 发布

布尔程

最新推荐文章于 2024-05-29 20:24:55 发布

阅读量1.2k

点赞数

分类专栏：前端 AngularJs 文章标签： angularjs angular.copy()

本文链接：https://blog.youkuaiyun.com/William0326/article/details/80976255

版权

前端同时被 2 个专栏收录

9 篇文章

订阅专栏

AngularJs

1 篇文章

订阅专栏

本文总结了在使用AngularJS过程中遇到的问题，包括如何正确给多个元素赋相同的值以及定义方法返回值的正确方式。通过使用angular.copy()解决赋值问题，并调整方法定义以确保返回值能被正确获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近期项目中使用到angularjs,也是现学现用，所以在使用过程中遇到了些问题，在此总结出来，供后期学习及和大家一起探讨。

问题一：angularJs相同元素一起赋值问题

var data = [{****},{****},...];//要绑定给下拉树的值
$scope.treeOptions1.setData(data);
$scope.treeOptions2.setData(data);
$scope.treeOptions3.setData(data);

说明：treeOptions1、treeOptions2、treeOptions3是我们项目中平台封装的统一的下拉树，需要调用其setData()方法给它赋值。

如果按照上面的方法（js中给多个元素赋相同的值）来给三个树赋值会出现意向不到的错误，当时我在这耗费了很多的时间，把代码一段段的注释，调试，最终才发现是赋值出了问题。

然后也查阅了资料，才发现angularjs和js在这方面还是有区别的，要想能够正常赋值，必须使用angular.copy()方法。代码如下：

var data = [{****},{****},...];//要绑定给下拉树的值
$scope.treeOptions1.setData(angular.copy(data));
$scope.treeOptions2.setData(angular.copy(data));
$scope.treeOptions3.setData(angular.copy(data));

问题二：angularjs定义方法返回值问题

js中我们定义一个方法，这样返回值是没有问题的，你在其他地方调用该方法是可以正常获取到其返回的true/false的。代码如下：

var returnBoolean = function(v){
    if(v=='a'){
      return false;
    } else {
      return true;
    }
}

但是在angularjs中这么写的话，你是获取不到其返回值的，你得到永远是undefined。那么要想能正确的得到其返回的值，只能这样写：

$scope.returnBoolean = function(v){
    var flag = false;
    if(v=='a'){
      flag = false;
    } else {
      flag = true;
    }
    return flag;
}

最后要特别感谢前辈的分享，从中受益匪浅！！！

问题1参考资料地址：点击打开链接