如何在angularjs中将数据传递给其他作用域变量？

Question

我控制器

<div ng-controller="LeftSideNavWorkController as vm" "> 
    <div ng-repeat="item in vm.items track by $index"> 
    <div ng-click="vm.hideAllElements()>Hide</div> 
    <div ng-show = "showChildren[$index]" >Show/Hide element<div> 
    </div> 
</div> 

在控制器：

vm.hideAllElements = hideAllElements; 
vm.items = [... ... ...]; //some array of items 

function hideAllElements() { 
//how set all showChildren[] variables to false? 
} 

的任务是，当我点击一个链接后，应该将所有vm.show =假

Answer 1

试试这个： HTML：

<div ng-controller="LeftSideNavWorkController as vm" "> 
    <div ng-repeat="item in vm.items track by $index"> 
     <div ng-click="vm.hideAllElements()>Hide</div> 
     <div ng-show = "showChildren[$index]" >Show/Hide element<div> 
    </div> 
    </div> 

CTRL：

(function() { 
    'use strict' 
    angular 
     .module('myApp') 
     .controller('appController', appController); 
    // main.js 
    function appController($scope, $interval) { 
     var vm = this; 
     vm.items = [1, 2, 3, 4, 5]; 
     vm.hideAllElements = hideAllElements; 
     vm.show = true; 


     function hideAllElements() { 
      vm.items.forEach(function(obj, i) { 
       vm.show = false; 
      }); 
     } 
    } 
}()); 

Answer 2

你只需要做

在您身边

<div ng-controller="LeftSideNavWorkController as vm" "> 
    <div ng-repeat="item in vm.items track by $index"> 
     <div ng-click="vm.hideAllElements()>Hide</div> 
     <div ng-show = "item.show" >Show/Hide element<div> 
    </div> 
</div> 

在控制器功能：

function hideAllElements() { 
    vm.items.forEach(function(item) { 
     item.show = false; 
    } 
}