加載模型模板角

我想創建與角UI angularJS一個模型，我想在我的網頁控制器加載模型模板角

$scope.insertEvent = function() { 
     $modal.open({ 
      templateUrl: 'views/overlays/insert-event.html' 
     }); 
    };

內嵌入event.html它使用此代碼看起來是這樣的：

<section class="overlay overlay-insert-event"> 
    <span class="bg"></span> 
    <form class="wrap"> 
     <header> 
      Insert an Event 
     </header> 

     <div class="main"> 
      <label>Name<input type="text" ng-model="newEvent.name" name="name" /></label> 
      <label>Start<input type="text" date-picker ng-model="newEvent.start" name="start" /></label> 
      <label>Stop<input type="text" date-picker ng-model="newEvent.stop" name="stop" /></label> 
     </div> 

     <footer> 
      <button ng-click="insertEventSubmit()">Insert</button> 
      <a ng-click="insertEventReset()">Cancel</a> 
     </footer> 
    </form> 
</section>

現在的問題是，當我打開它，會出現與半tranparent黑色疊加的背景，但內容不會出現。我希望有人能幫助我理解這是如何工作的。丹尼爾，先謝謝你！

來源

2014-02-07 Pacuraru Daniel

你能舉個例子嗎？ – Ananya

我做了這樣的事情。 VAR modalInstance = $ modal.open（{ templateUrl：URL + '公共/ JS /模板/型材/轉換到prof.html'，背景： '靜止'，範圍：$範圍， windowClass： 'crz-convert-modal' } }）; – Ananya

您的views文件夾位於哪裏？如果它直接位於項目下，請嘗試'/views/overlays/insert-event.html'。

來源

2014-02-07 19:19:51 user3285245

我試過了，現在什麼都沒有出現，甚至沒有半透明的背景 –

嘗試使用定義的ng-app指令將HTML中的模態內容包裝到正確的HTML標籤中。當我打開模態時，我還得到了背景疊加層，爲我工作。

<html> 
<head> 
    <title> 
     Modal 
    </title> 
</head> 
<body> 
    <div ng-app="yourAppName"> 
     <<<YOUR_CONTENT>>> 
    </div> 
</body> 
</html>

來源

2014-02-26 15:35:37 Iyashu5040

加載模型模板角

回答

相關問題