Question

我正在尝试使用角度UI在angularJS中创建模型，我尝试在我的页面控制器中使用此代码

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

在insert-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>

现在的问题是，当我打开它时，会出现半透明黑色覆盖的背景，但内容不会出现。我希望有人能帮我理解这是如何工作的。提前谢谢你，丹尼尔！

Answer 1

您的观看文件夹位于何处？如果它直接位于项目下，请尝试'/views/overlays/insert-event.html'。

Answer 2

尝试使用定义的ng-app指令将适当的HTML标记中的模式内容包装起来。当我打开模态时，我也得到了背景叠加层，为我工作。

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

从角度的单独的html文件加载模型模板

2 个答案: