Anzeigewert in einer Schaltfläche durch Verknüpfen von zwei Modalitäten

Ich habe zwei Modale, die jeweils einen anderen Inhalt haben. Mein erstes Modal hat eine Schaltfläche, die das zweite öffnet. Das zweite Modal hat Schlüssel-IDs, die in der Schaltfläche des ersten Modals bei der Auswahl angezeigt werden sollen. Ich bin in der Lage, den Wert in meinem zweiten Modal anzuzeigen, indem du nur das Etikett verwende (benutzt nur, um zu überprüfen, ob mein ausgewählt ist). Ich bin nicht in der Lage, den ausgewählten Wert in der Schaltfläche meines ersten Modals anzuzeigen. Irgendeine Idee, wie es gemacht werden kann?

Hier ist der Code, den ich benutzt habe,

In der Vorlage des ersten Modals,

<button class="btn btn-default btn-lg" ng-click="Modal()" ng-model="cp.se"></button> 

Funktion zum Öffnen von Modal und Link zum Controller,

 $scope.Modal = function() { // function to open modal and link to Modal Controller var modalInstance = $modal.open({ backdrop: 'static', templateUrl: '{% url 'critical_process' %}', controller: 'Controller', }); modalInstance.result.then(function (msg) { $log.info('Modal success'); //console.log(msg); }); }; // End:function to open modal and link to Modal Controller 

In der Steuerung,

 {{ngapp}}.controller( "Controller", function($scope, $http, $modalInstance){ $scope.selected=[]; $scope.items=[ { value:'Impact to Safety, regulatory compliance, or /n environment', key:10, color:'red'}, { value:'Reliability Impact',key:9, color:'brown'}]; }); 

In der Vorlage des zweiten Modals,

 <div class="well form-group" > <table class="table"> <tr ng-repeat="item in items" ng-click="selected.item= item"> <td ng-style="{ 'background-color': item.color }">{{item.key}}</td> <td> {{item.value}} </td> </tr> </table> <label>{{selected.item}}</label> {% endverbatim %} </div> </div> 

One Solution collect form web for “Anzeigewert in einer Schaltfläche durch Verknüpfen von zwei Modalitäten”

In der Vorlage des zweiten Modals

 <div class="well form-group" > <table class="table"> <!-- bind event handler on row click and pass the item to handler function --> <tr ng-repeat="item in items" ng-click="ok(item)"> <td ng-style="{ 'background-color': item.color }">{{item.key}}</td> <td> {{item.value}} </td> </tr> </table> <label>{{selected}}</label> {% endverbatim %} </div> 

In der Steuerung für den zweiten Modal

 {{ngapp}}.controller("Controller", function($scope, $http, $modalInstance){ $scope.selected=[]; $scope.items = [ { value:'Impact to Safety, regulatory compliance, or /n environment', key:10, color:'red'}, { value:'Reliability Impact',key:9, color:'brown'} ]; $scope.ok = function(item) { <!-- Pass the selected value to first modal --> <!-- Closing the modal resolves the promise --> $scope.selected = item; $modalInstance.close(item); } }); 

Und in deiner ersten modalen Funktion

  $scope.Modal = function() { // function to open modal and link to Modal Controller var modalInstance = $modal.open({ backdrop: 'static', templateUrl: '{% url 'critical_process' %}', controller: 'Controller', }); // On promise resolved passed callback function gets executed modalInstance.result.then(function (selectedItem) { // Assign selected item value to your modal cp.se = selectedItem.value; }); }; 

Html

 <button class="btn btn-default btn-lg" ng-click="Modal()">{{cp.se}}</button> 
  • Flasche Python Buttons
  • Python folgt umleiten und dann die Seite herunterladen?
  • Suche in HTML-Seite mit Regex-Mustern mit Python
  • Holen Sie sich eine Struktur von HTML-Code
  • Python überprüfen, ob Website existiert
  • Setzen Sie lxml als Standard-LookSoup-Parser
  • HTML Entity Codes zu Text
  • Wie man falsch HTML in Python, mit Standard-Bibliotheken zu analysieren
  • Wie kann ich das Python-Skript in eine HTML-Datei aufnehmen?
  • Unterscheiden zwischen html form SELECT Elemente mit dem gleichen Namen
  • Schreiben Sie ein sehr einfaches Suchformular in Django
  • Python ist die beste Programmiersprache der Welt.