angularjs - No Output in uibModal in {{...}} -


after creating form modal input working fine. simple modal delete showing nothing.

html

<script type="text/ng-template" id="delete.html">       <div class="modal-header">         <h3 class="modal-title">löschen {{this.selectedkey}}{{$ctrl.this.selectedkey}}{{ctrl.this.selectedkey}}           {{$ctrl.this.selectedkey._id}} {{ this.selectedkey._id }} | {{ctrl.this.selectedkey._id}}?</h3>       </div>       <div class="modal-body">         sind sie sich sicher das sie diesen key: {{$ctrl.selectedkey.name }} löschen wollen ?       </div>       <div class="modal-footer">         <button class="btn btn-danger" ng-click="delete()">löschen</button>         <button class="btn" ng-click="close()">abbrechen</button>       </div> </script> 

controller

// modals deletekey(selectedkey) {   this.$uibmodal.open({     scope: this.$scope,     templateurl: 'delete.html',     controller: ['$scope', '$uibmodalinstance', '$http', 'selectedkey', function($scope, $uibmodalinstance, $http, selectedkey) {       this.selectedkey = selectedkey;       this.$http = $http;       $scope.close = function() {         $uibmodalinstance.dismiss();       };       $scope.delete = () => {         this.$http.delete('/api/dict_keys/' + selectedkey._id);         window.location.reload();         $uibmodalinstance.close();       }     }],      resolve: {       selectedkey: () => {         return selectedkey;       }     }   }); } 

it getting selectedkey , deleting it. in modal there no output of key show selected. can see tried several things in .html {{with controller/without}}. in .js sending selectedkey resolve. injecting in controller , on.

where did miss or did wrong ?

solution:

controller

 deletekey(selectedkey) {         this.$uibmodal.open({           scope: this.$scope,           templateurl: 'delete.html',           controller: ['$scope', '$uibmodalinstance', '$http', 'selectedkey', function($scope, $uibmodalinstance, $http) {             $scope.selectedkey = selectedkey;             this.$http = $http;             $scope.close = function() {               $uibmodalinstance.dismiss();             };             $scope.delete = () => {               this.$http.delete('/api/dict_keys/' + selectedkey._id);               window.location.reload();               $uibmodalinstance.close();             };           }],           resolve: {             selectedkey: () => selectedkey             }          });       } 

html

<script type="text/ng-template" id="delete.html">   <div class="modal-header">     <h3 class="modal-title">löschen {{selectedkey.name}}?</h3>   </div>   <div class="modal-body">     sind sie sich sicher das sie diesen key: {{selectedkey.name}} löschen wollen ?   </div>   <div class="modal-footer">     <button class="btn btn-danger" ng-click="delete()">löschen</button>     <button class="btn" ng-click="close()">abbrechen</button>   </div> </script> 


Comments