yeoman angular fullstack -modal

Question

對於我的應用程序，我想在用戶單擊標題中的登錄按鈕時顯示一個模式窗口。我嘗試使用angular-ui bootstrap standalone的例子，它工作正常。

但是，當我與yeoman-angular-fullstack集成時，我無法獲得modal.Also並沒有在grunt測試和我的開發工具中顯示任何錯誤。 請幫忙解決這個

Answer 1

這樣，這是我做了什麼：

在navbar.html

：

<li ng-hide="nav.isLoggedIn()" ui-sref-active="active"><a ng-click=openSignUp() href>Sign up</a></li> 

在navbar.controller.js：

$scope.openSignUp = function(){ 
     signupTemplate.openSignUpModal(); 
}; 

我正在使用名爲的創建服務signupT emplate，這可能是有用的。

在我的服務signupTemplate：

angular.module('myApp') 
.service('signupTemplate',['$uibModal', function ($uibModal) { 

    self.dataForModal={ 
     // yourData: here, 
    }; 


    this.openSignUpModal = function() { 
     var modalInstance = $uibModal.open({ 
      animation: true 
      template: '<your-component modal-data="$ctrl.modalData"></your-component>' 
      controller: ['modalData', function(modalData) { 
       var $ctrl=this; 
       $ctrl.modalData = modalData; 
      }], 
      controllerAs:'$ctrl', 
      resolve: { 
       modalData: self.dataForModal 
      } 
     }; 
    }]); 

要從父母那裏的模式被稱爲你的模式發送數據，你必須把你的數據在dataForModal。

而要關閉並訪問組件中的數據，則必須將其綁定。

在yourComponent.component.js

bindings:{ 
    modalData:'<', 
    $close: '&', 
}