So senden Sie Daten an UI Bootstrap Modal Fenster $ Scope?

Question

Ich versuche, modales Fenster zu öffnen, senden Sie Daten aus der SQL-Abfrage dort und ändern Sie die Werte des Formulars, aber es funktioniert nicht. Ich denke, ich sollte es irgendwie modal schicken, aber ich habe keine Ahnung, wie ich das machen soll.

JS-Datei:

addUser() { 
    return this.Server.getUsers() 
     .then((res) => { 
      this.users = res.users; 
      this.$modal.open({ 
       templateUrl: 'user.html' 
      }); 
     }); 

Und Jade-Datei:

script(type="text/ng-template", id="users.html") 
    div.page-header: h1 !{__('Users')} 
    div.panel.panel-default 
     div.panel-heading 
      h3.panel-title !{__('Users')} 
     table.table.table-hover.table-condensed 
      thead 
       tr 
        th.col-lg-2 !{__('Name')} 
        th.col-lg-5 !{__('Description')} 
      tbody 
       tr(ng-repeat="u in users.users") 
        td {{u.name}} 
        td {{u.description}} 

Answer 1

Die Lösung:

addUser() { 
     return this.$modal.open({ 
      templateUrl: 'user.html', 
      controller: ['$scope', 'Server', function ($scope, Server) { 

       $scope.users = Server.getUsers() 
        .then((res) => { 
         this.users = res.users; 
        }); 
      }], 
      controllerAs: "add_user" 
     }).result.then((res) => { 
      return console.log("Saved"); 
     }); 
    }