javascript - 在 ng-repeat 中显示隐藏输入

Question

HTML：此代码片段位于一个“ng-repeat”块中，假设有 10 个元素。当我单击“跨度”时，我想分别显示和隐藏元素的“输入”。

                                <span class="cs-p" ng-click="$ctrl.toogleRange($event)">
                                    <img ng-if="layer.IsSelected && layer.layers.length ===0"
                                        src="./assets/img/icons/map_controls/zoom_selected.png"
                                        title="Zoom to extent" />
                                    <input type="range" name="range" ng-model="value" min="{{0}}"
                                        max="{{100}}">
                                    <hr>
                                </span>

组件中的功能：

toogleRange($event){
    console.log('toogleRange EVENT',$event)
}

ng-重复样本：

                <li class="display__block"
                    ng-repeat="layer in $ctrl.myLayersScope">
                 --- span code ---                
                </li>

标签： javascriptangularjsangularjs-ng-repeat