2014-06-20 11 views
5

mój interfejs użytkownika ma dwa przyciski jeden do utworzenia i drugi do edycji.Jak przekazywać dynamiczne dane do szablonu, gdy createDialog używał

  • Tworzenie -should pokazują puste pola wyskakujące
  • Edycja - Existed dane powinny być wstępnie wypełnić pop-up
  • Kiedyś sam pop-up na tworzenie i edycję działań

    create_quick_link.html 
    <div class="row-fluid"> 
        <div class="form-group"> 
         <label class="control-label col-sm-4"> 
         <font class="pull-right">Name</font> 
          <span class="red pull-right">*</span> 
         </label> 
         <input placeholder="Name" type="text" ng-model="quickLink.name"> 
        </div> 
        <div class="form-group"> 
         <label class="control-label col-sm-4"> 
         <font class="pull-right">URL</font> 
         <span class="red pull-right">*</span> 
         </label> 
         <input placeholder="URL" type="text" ng-model="quickLink.url"> 
        </div> 
    </div> 
    
    
    $scope.editQuickLink = function (editableQuickLinkdata) { 
    
         $scope.quickLink.name = editableQuickLinkdata.quickLinkName; 
         $scope.quickLink.url = editableQuickLinkdata.quickLinkUrl; 
         createDialog({ 
          templateUrl: '/app/ajs/followup/app/views/create_quick_link.html', 
          title: 'Edit Quick Link', 
          controller: 'FollowupssettingsCtrl', 
          footerTemplate: '<button class="btn btn-primary" ng-click="updateQuickLink(quickLink)">Update</button>' 
         }); 
    
        } 
    

Chcę ustawić editableQuickLinkdata do Quicklink

Moje dane nie są wypełnione. Czy robię źle?

+0

Dostałem odpowiedź tutaj .. .https: //github.com/Fundoo-Solutions/angularjs-modal-service/issues/27#issuecomment-46806451 –

Odpowiedz

4

Można to zrobić w następujący sposób:

$scope.editQuickLink = function (editableQuickLinkdata) { 
    createDialog({ 
     templateUrl: '/app/ajs/followup/app/views/create_quick_link.html', 
     title: 'Edit Quick Link', 
     controller: 'EditCtrl', 
     footerTemplate: '<button class="btn btn-primary" ng-click="updateQuickLink(quickLink)">Update</button>' 
    },{myOldData: editableQuickLinkdata}); 

} 

Następnie w EditCtrl, oprócz zakresu $, otrzymasz myOldData jako argument:

angular.module('MyApp').controller('EditCtrl', ['$scope', 'myOldData', 
function($scope, myOldData) { 
// Do stuff 
}]); 
Powiązane problemy