AngularJS顯示的textarea的鏈接點擊

Question

我有鏈接的數組：

$scope.links = [{ 
    URL: ''  
}]; 

我要讓使用data-ng-repeat認爲這些鏈接。

我該怎麼做，以便當用戶點擊其下的任何鏈接將顯示一個文本框？如果再次點擊該文本框將消失？

因此，如果HTML是：

<div data-ng-repeat="link in links"> 
    <p> 
     <a data-ng-href="{{link.URL}}">{{link.URl}}</a> 
    <p> 
    // when link above is clicked, insert here textbox 
</div> 

Answer 1

你可以利用這ng-repeat創建每個項目範圍的事實。 使用一個臨時變量showHelpText，這是你如何實現它：

<div data-ng-repeat="link in links"> 
    <p> 
     <a data-ng-href="{{link.URL}}" data-ng-click="showHelpText=!showHelpText">{{link.URl}}</a> 
    <p> 
    // when link above is clicked, insert here textbox 
    <input type="text" data-ng-show="showHelpText"> 
</div> 

Answer 2

嘗試的ngClick和ngIf組合：

<div data-ng-repeat="link in links"> 
    <p> 
     <a data-ng-href="{{link.URL}}" 
     data-ng-click="link.$open = !link.$open">{{link.URl}}</a> 
     <input type="text" data-ng-if="link.$open" /> 
    <p> 
</div>