Question

我使用AngularJS，我有以下模板_

<div class="wrapper">
<div class="as-container">
    <div ui-view="header"></div>
    <div class="apoSoftContainer">
        <div class="row clearfix">
            <div class="col-md-12 column" ui-view="content"></div>
        </div>
    </div>
</div>
<div class="as-footer">
    <div ui-view="footer"></div>
</div>
</div>

我的页脚中的span-Tag看起来像这样：

</span> Version <span style="font-weight:normal;">Some Text</span></span>

页脚没有控制器或服务。我的目标是，当我点击“Some Text”时，应该打开一个模态，但我不知道在哪里放置代码？

Answer 1

如果你已经有了打开模态的代码，我建议你为它创建一个控制器。

我通常使用“mainController”包装整个应用程序。这样，我可以将它用于头部元素，页脚等。

<!DOCTYPE html>
<html ng-app="WebApp" ng-controller="mainController as main">
<head>
     <title>{{main.myTitle}}</title>
</head>
</body>
     <footer>
        <span ng-click="main.openModal()">Click here!</span>
     </footer>
</body>
</html>

AngularJS - uiView - ＆gt;单击页脚中的链接时打开模态

1 个答案: