Ich habe einen Controller, der Bestellungen verarbeitet. Es hat die Bestellnummer.Wie übergebe ich Variablen an einen gleichgeordneten Controller
Ich starte ein Formular in einem Dialogfeld, das einen eigenen Controller hat.
Ich muss die Bestellnummer vom PO-Controller in diesem Dialogfeld anzeigen Das dritte Eingabefeld im Dialogfeld. Was ist die richtige/empfohlene Weise, dies zu tun?
Ich versuche mich an Best Practice und den Styling Guide von John Papa zu halten.
Danke.
index.html
<!DOCTYPE html>
<html>
<head>
<script data-require="[email protected]*" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<script data-require="[email protected]" data-semver="1.5.3" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.6.2/js/ngDialog.min.js"></script>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.6.2/css/ngDialog-theme-default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.6.2/css/ngDialog.min.css">
<script src="script.js"></script>
</head>
<body ng-app="app">
<h1>Hello Plunker!</h1>
<div ng-controller="POController as po">
{{po.purchaseOrderNumber}}
<button ng-click="po.openDialog()">OPEN DIALOG</button>
</div>
</body>
</html>
POLine.html
<div>
<div>POLINE</div>
<div>
<input type="text" ng-model="poline.lineNumber">
</div>
<div>
<input type="text" ng-model="poline.desc">
</div>
<div>
<input type="text" ng-model="po.purchaseOrderNumber">
</div>
<div></div>
</div>
script.js
(function() {
angular
.module('app', ['ngDialog'])
.controller('POController', ['ngDialog', POController])
.controller('POLineController', [POLineController])
function POController(ngDialog) {
po = this;
po.purchaseOrderNumber = "ORD1234"
po.openDialog = openDialog;
function openDialog() {
ngDialog.open({
template: 'POLine.html',
className: 'ngdialog-theme-default',
controller: 'POLineController',
controllerAs: 'poline'
});
}
}
function POLineController() {
poline = this;
poline.lineNumber = "POLINE12345";
poline.desc = "THIS IS A DESCRIPTION";
}
})();
Danke für die Hilfe, aber leider habe ich nicht in der Lage, eines dieser Beispiele zu bekommen, nachdem ich es einige Stunden lang versucht hatte. Können Sie den Plünderer aktualisieren? Ich habe es die ganze Nacht erforscht und konnte es nicht erfolgreich funktionieren. Danke nochmal. – McDuff
Danke für Ihre Hilfe. stellt sich heraus, dass das Problem ein dummer war: .controller ('POLineController', [POLineController]); sollte sein. Controller ('POLineController', POLineController); Ihr Plunker sortiert das. Danke – McDuff