Question

以下问题：

我正在使用ng-repeat生成项目列表。如果用户点击上面我网页上的特殊标记，则以下功能会收到一个事件，向下滚动到相应的项目。除了向下滚动之外，我想突出显示该项目，直到用户再次移动鼠标。我的问题是，我需要操作ng-repeat列表中单个元素的css类。我认为这可能是因为每个ng-repeat元素都有自己的局部范围......但我找不到解决方案。

我的指示的一部分：

    //if a marker is clicked, the following code should bring the user to the corresponding item
    $rootScope.$on("Scroll_to_product", function (event, args) {
        product.gotoElement(args);
    });
    /*function which takes the class id of an html element as argument and brings
    the user to the corresponding product*/
    product.gotoElement = function (args) {
        var elementID = 'product-' + args;
        $location.hash(elementID);
        // call $anchorScroll()
        $anchorScroll();
    }

任何帮助都会很棒，

谢谢，Hucho

Answer 1

我认为这个热心的Plunker例子可以帮助你

Plunker link

＆＃13;

 $scope.idSelectedVote = null;
    $scope.setSelected = function(idSelectedVote) {
       $scope.idSelectedVote = idSelectedVote;
       console.log(idSelectedVote);
    }

＆＃13;

.selected {
  background-color: red;
}

＆＃13;

<ul ng-repeat="vote in votes" ng-click="setSelected(vote.id)" ng-class="{selected : vote.id === idSelectedVote}">
    </ul>

＆＃13;

Answer 2

它几乎打破了我的头，但最后很容易：

awk -i inplace 'NR==FNR { paths[$0]; next }
{
    for (path in paths) {
        gsub(path,gensub(/png$/,"jpg",1,path))
    }
    print
}
' input.txt wordpress.sql

简单快捷..;但谢谢你的帮助。这可能有助于其他人...... 最好

哲罗

突出显示ng-repeat

2 个答案: