加载模型模板角

我想创建与角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

加载模型模板角

回答

相关问题