我有一個網格，例如，當我選擇兩個元素時，當我單擊編輯時，我想顯示一個彈出視窗，然后使用前一個和 nexi 按鈕，我想在選擇的 2 個元素的 2 個彈出視窗之間導航，現在，我是談論 2 個彈出視窗，但它可能更多地取決于所選元素，所以我實施了解決方案，第一個彈出視窗顯示得很好，并且選擇了第一行的值，但是當我單擊下一步顯示下一個時，值第二行不會被渲染。我不知道有什么問題。我在某處讀到，也許我需要使用廣播，但我不知道如何使用。
mdDialog 控制器
function popupController($mdDialog, locals, $rootScope) {
var dp = Object.assign(this, locals);
dp.aaa = dp.aaas[dp.order];
function hideDialog() {
return $mdDialog.hide();
}
function cancelDialog() {
return $mdDialog.cancel();
}
function nextFunctionPopup() {
var index = dp.aaas.findIndex(aaa => aaa.id === dp.aaa.id);
dp.order = index 1;
$mdDialog.show({
bindToController: true,
preserveScope: true,
ariaLabel: 'AAAAAA',
templateUrl: 'aaa-popup.html',
controller: 'popupController',
controllerAs: 'dp',
locals: dp
});
}
}
html
<md-dialog aria-label="{{dp.title}}" flex="50">
<md-toolbar class="md-toolbar-tools">
<h2>{{dp.title}}</h2><span flex></span>
<md-button class="md-icon-button" ng-click="dp.hideDialog()">
<md-icon aria-label="Close dialog">close</md-icon>
</md-button>
</md-toolbar>
<md-dialog-content>
<md-content layout-padding>
<form name="dp.aaaForm">
<div layout="row" layout-xs="column">
<md-input-container flex="50" style="margin-top: 18px;">
<label>ID</label>
<input type="text" name="matricule" ng-model="dp.aaa.id" ng-readonly="true" numbers-Only ng-disabled="true">
</md-input-container>
</div>
<div layout="row" layout-xs="column">
<md-input-container flex style="margin-top: 18px;">
<label>Full name</label>
<input name="name" ng-model="dp.aaa.nom" ng-readonly="true" ng-disabled="true">
</md-input-container>
<md-input-container flex style="margin-top: 18px;">
<label>Name</label>
<input name="bbb" ng-model="dp.aaa.prenom" ng-readonly="true" ng-disabled="true">
</md-input-container>
</div>
</form>
</md-content>
</md-dialog-content>
<md-dialog-actions layout="row" layout-align="end center">
<button ng-if="dp.listIDs !== undefined" ng-hide="dp.listHide" action="next"
nrh-click="dp.nextFunctionPopup()" ng-disabled="" type="submit"></button>
</md-dialog-actions>
</md-dialog>
uj5u.com熱心網友回復：
我終于想出了怎么做，我不需要在下一個函式中呼叫 mdDialog 。由于 angular.js 使用自動系結，我不能直接使用物件
function nextFunctionPopup() {
var index = dp.aaas.findIndex(aaa => aaa.id === dp.aaa.id);
dp.order = index 1;
dp.aaa = dp.aaas[dp.order];
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/352853.html
標籤：javascript angularjs 角材料 对话框