角JS：从NG-重复

我建按钮与NG-重复删除某些元素：角JS：从NG-重复

<button ng-repeat="alphabet in alpha" ng-click="checkAlpha()" value="{{alphabet}}">{{alphabet}}</button> 

$scope.alpha = 'abcdefghijklmnopqrstuvwxyz';

的问题是如何删除只被点击的按钮。我在按钮中使用了ng-hide，但随后所有的按钮都消失了。这样做的最好方法是什么？感谢

来源

2013-12-18 ishwr

NG点击= “checkAlpha（$指数）”，并提供在checkAlpha（）方法中执行删除索引:) – Holybreath

您可以使用$索引。这里有一个jsfiddle http://jsfiddle.net/SX4gE/11/ – Mehmet

好的小提琴，我已经更新它来匹配问题:) Upvoted。 – Holybreath

HTML：

<div ng-controller='ctrl'> 
    <button ng-repeat='alphabet in alpha ' ng-click="checkAlpha($index)" value="{{alphabet}}" id="{{$index}}">{{alphabet}}</button> 
</div>

JS：（类似）

angular.module("app", []).controller("ctrl", function ($scope) { 
    //lets create array from a string. 
    $scope.alpha = 'abcdefghijklmnopqrstuvwxyz'.split(""); 

    $scope.checkAlpha = function(index) { 
     $scope.alpha.splice(index, 1);//remove 
    } 
});

FIDDLE：

http://jsfiddle.net/SX4gE/20/

来源

2013-12-18 11:11:28 Holybreath

'remove（）'不是必须的，也没有* Angular *方法。从数组中删除字符就足以删除按钮（参见[这里]（http://jsfiddle.net/SX4gE/15/））。 – Mouagip

好点！谢谢//更新回答 – Holybreath

@Holybreath谢谢你:)是否有可能，所有其他按钮保持在他们的位置（绝对）后点击一个按钮？ – ishwr

角JS：从NG-重复

回答

相关问题