訪問ng-repeat範圍

我有一個項目列表，當用戶點擊它們時會突出顯示（使用selectedData類）。訪問ng-repeat範圍

<div>Remove highlight </div> 
<ul> 
<li ng-repeat="data in inputData"> 
    <span title="{{data}}" ng-class="selected ? 'selectedData' : ''" ng-click="selected = !selected;"> 
     {{data}} 
     </span> 
    </li> 
</ul>

我想刪除所有列表項的hightlight（inturn刪除selectedData類）當我在一個晴朗的按鈕，這是名單之外，換句話說單擊，重置selected每個<li>。自ng-repeat創建自己的範圍，我如何完成這一點。

來源

2015-06-23 user1776573

你是什麼意思清除過濾器？ –

調用點擊函數是不正確的：'ng-click =「selected =！selected; ng-click =」filterData（）「' – Vineet

我認爲你試圖在點擊按鈕時重置fiter，現在你是使用單擊列表項並使用ng-click =「selected =！selected;」來應用fiter。因此，您可以將相同的ng-click條件應用於按鈕。 – Navaneet

試試這個：

<li id="list"... ng-repeat...> 
    <span ng-class="selected: selected[$index] ? 'selectedData' : ''" ng-click="selected[$index] = !selected[$index]"> 

</li> 

function clear() { 

    for (i = 0; i < selected.length; i++) { 
    selected[i] = false; 
    } 
}

來源

2015-06-23 10:36:01

這會起作用。如果我再次點擊一個項目，它以前的「selecteed」狀態仍然會反映出來。 – user1776573

嘗試更新的代碼。 –

@Sidharth Panwar的答案多半是正確的

，但我不知道是否需要在<span ng-class="selected: selected[$index] ? 'selectedData' : ''"selected:，我設法使其與剛剛特雷納裏運營商的工作：

// Code goes here 
 

 
angular.module("app",[]) 
 
.controller("controller", function($scope){ 
 
    $scope.selected=[]; // <--- this is the most important part of the solution 
 
    $scope.clearSelector = function(){ 
 
    for(var i = 0; i < $scope.selected.length; i++){ 
 
     $scope.selected[i] = false; 
 
    } 
 
    }; 
 
});

.highlight{ 
 
    color:red; 
 
}

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
    <head> 
 
    <script data-require="[email protected]*" data-semver="1.5.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script> 
 
    </head> 
 

 
    <body ng-controller="controller"> 
 
    <ul ng-init="temp=[1,2,3]"> 
 
     <li ng-repeat="i in temp" ng-click="selected[$index] = !selected[$index]" ng-class="selected[$index]?'highlight':''"> 
 
     toggel between black and red 
 
     </li> 
 
    </ul> 
 
    <button ng-click="clearSelector()">clear</button> 
 
    </body> 
 

 
</html>

如果您關注的是ng-repeat有它自己的範圍，你不能操縱從父範圍的值（其中「清除」按鈕），創建父範圍的數組可以幫助你集中你的控制變量：

// both in child scope 
selected=1; // create a new variable if no existing variable named 
       //"selected" in the current scope, 
       // this happens when javascript knows how to create stuff ie:primitives 
selected[0]=1; // need to know the address of "selected", if we can't 
       // find it in the current scope, look it up in the parent scope

爲更多細節看看這個鏈接關於inheritance and scope

來源

2016-03-02 03:47:30 watashiSHUN

訪問ng-repeat範圍

回答

相關問題