AngularJS ng-click：如何將行數據傳遞到模態彈出文本框

我想從單擊任何行的數據信息傳遞到模態彈出文本框。AngularJS ng-click：如何將行數據傳遞到模態彈出文本框

這是我的代碼，我不知道如何實現。

這是一個彈出例如http://jsfiddle.net/92z54z04/1/，我怎麼能傳遞價值的彈出

<tr ng-repeat="item in myData | filter: searchBox" ng-click="openEdit(item)"> 
    <td> 
     <input type="checkbox" class="css-checkbox" id="checkbox2" /> 
     <label for="checkbox2" class="css-label mac-style">&nbsp;</label> 
    </td> 
    <td><a>{{item.Name}}</a></td> 
    <td style="text-align: right;">{{item.IsActive ? 'Yes' : 'No'}}</td> 
</tr>

來源

2016-03-15 user3055606

你可以發佈你的模態彈出代碼？ –

如果需要，您可以傳遞整個'item'對象。這是一個像其他任何JavaScript變量。你openEdit（）函數需要支持這個 –

我沒有創建openEdit（）函數，因爲我不知道如何實現它獲得且來自行傳遞值，並將其傳遞到文本框 – user3055606

你可以設置你的$scope.selectedItem功能openEdit裏面。

並將ng-model="selectedItem.<your_property>"分配給模態內的文本框。

我已經創建了一個plunker代碼，它可以幫助你。 https://plnkr.co/edit/tEzmex?p=preview

來源

2016-03-15 16:18:27

不工作。如果你可以創建plnkr這樣一個例子，當單擊編輯存在的所有數據傳遞給每一個領域的彈出窗口。這是一個彈出窗口的例子http://jsfiddle.net/92z54z04/1/如果你可以編輯並將值傳遞給彈出窗口 – user3055606

剛剛創建了一個plunker並更新了我的答案https://plnkr.co/edit/ tEzmex？p =預覽 –

現在將工作按照您的要求...只是更新了plunker代碼...使用'modal'指令。還用templateUrl替換模板以改進。 –

AngularJS ng-click：如何將行數據傳遞到模態彈出文本框

回答

相關問題