Question

我正在设置angularjs结构的问题。我假装每个页面都有翻译控制器或服务或监视器和一个控制器（我将解释这一点）。

这个想法是一个索引页面，它加载所有.js文件和.css（在整个网站上是全局的）。该页面将使用其角度控制器加载登录文件（在其正文中）。然后它将加载带有导航，页眉，页脚等模板的模板，在文章部分中，我假装在每个页面（或组）中加载与控制器不同的页面（导航菜单中的链接）。我从angularjs开始，它不起作用。这个想法将在下一个代码中类似：

索引（示例缩小）：

 <!DOCTYPE html>
    <html **ng-app="app" ng-controller="translationsCtrl"**>
      <head> 
        <title>something</title>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>

        <!--GLOBAL STYLES (WILL BE MORE, ONLY EXAMPLE)-->
        <link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
       </head>

        <body> 
        <div ng-controller="loginCtrl" ng-include="'views/login.html'"></div>

        <!--GLOBAL SCRIPTS (WILL BE MORE, ONLY EXAMPLE)-->
        <script src="assets/libs/jquery/dist/jquery.min.js" type="text/javascript"></script>

        <script src="controllers/translationsCtrl.js"></script>
      </body>
    </html>

在login.html中

将是这样的：

<!--STUFF-->
<script src="controllers/loginCtrl.js"></script>

控制器将是： loginCtrl.js：

angular
    .module('app', [])
    .controller('loginCtrl', function($scope) {
        $scope.login = 'login';
    })

translationsCtrl.js

angular
    .module('app', [])
    .controller('translationsCtrl', function($scope) {
        $scope.text = 'text';
    });

我该怎样做类似的工作？有没有更好的方法呢？ Web应用程序非常庞大，因此我无法使用requirejs或simplepage angular。

Angular MVC仅查看结构问题

0 个答案: