AngularJS中通过函数从数组取值赋值变量失效问题咨询

你的思路本身是可行的，只是代码里存在几个细节错误导致函数调用后没效果，我帮你拆解一下问题并给出修正方案：

主要错误点 #

• 数组访问方式错误：$scope.arr是一个数组，里面的对象是数组的第一个元素（索引为0），你直接用$scope.arr.item1是无法拿到对应值的，必须通过数组索引访问内部对象，也就是$scope.arr[0].item1。
• 变量初始化遗漏：你重复初始化了$scope.var1，但完全没初始化$scope.var2，虽然AngularJS在某些场景下会自动处理未初始化的变量，但显式初始化能避免不必要的异常。
• 赋值笔误（可选）：你的函数里把var1和var2都赋值成了item1，如果这是笔误，应该把var2对应到item2或者你需要的其他属性。

修正后的代码示例 #

// 正确初始化两个变量
$scope.var1 = '';
$scope.var2 = '';
// 数组结构保持不变
$scope.arr = [{ 'item1':'test1', 'item2':'test2', 'item3':'test3' }];
// 修正数组访问逻辑
$scope.myFunc = function(){ 
  $scope.var1 = $scope.arr[0].item1; 
  $scope.var2 = $scope.arr[0].item2; // 这里改成对应你需要的属性
};

调用验证 #

确保你的HTML里的ng-click绑定正确，还可以加上变量展示来直观验证效果：

<button ng-click="myFunc()">点击赋值</button>
<p>var1: {{var1}}</p>
<p>var2: {{var2}}</p>

这样点击按钮后，var1和var2就能正确获取数组里对应对象的属性值了。

内容的提问来源于stack exchange，提问作者Serge Inácio