Angularjs-ui-router，ui-view無法正常工作。

Question

我正在編寫一個有角度的應用程序。

其中包含索引頁，下面編寫代碼的寄存器頁是索引文件。

<html data-ng-app="dreamflow" lang="en">

<head>
    <% include ./partials/head %>
</head>

<body>
    <div>
        <header>
            <% include ./partials/header %>
        </header>
        <div class="ng-animate" ui-view></div>
        <footer>
            <% include ./partials/footer %>
        </footer>
    </div>
    <!-- library after page load-->
    <script type="text/javascript" src="/angular/angular.min.js"></script>
    <script type="text/javascript" src="/angular-ui-router/release/angular-ui-router.min.js"></script>
    <script type="text/javascript" src="/bootstrap/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/browser/controllers/dreamflow.js"></script>
</body>

</html>

這是主頁的代碼

<div class="container-fluid">
    <div class="row custom-row2">
        <h1>MAIN PAGE</h1> 
    </div>
</div>

這是dreamflow.js

'use-strict'
angular.module('dreamflow', ['ui.router'])
    .config(['$urlRouterProvider', '$stateProvider',
        function($urlRouterProvider, $stateProvider) {
            $urlRouterProvider.otherwise('/');
            $stateProvider
                .state('home', {
                    url: '/',
                    templateUrl: '/browser/views/home.html'
                })
                .state('register', {
                    url: '/register',
                    templateUrl: '/browser/views/register.html',
                    controller: 'RegisterController'
                });

        }
    ])

這是registerCtrl.js

var myApp = angular.module('dreamflow', []);
myApp.controller('RegisterController', ['$scope',
    function($scope) {
        $scope.title = "Sign Up";
        $scope.register = function() {
            var user = {
                name: $scope.name,
                email: $scope.email,
                organization: $scope.organization,
                username: $scope.username,
                password: $scope.password
            };

            //Register(user);
        };
    }
]);

當我們在索引文件（僅在dreamflow.js下面）中添加registerCtrl.js腳本時，我們的ui視圖將不起作用。

當我們不在索引文件中使用registerCtrl.js時，ui-view可以正常工作，但是RegisterController顯示以下錯誤。

錯誤：error：areq錯誤參數

參數'RegisterController'不是

當我們在dreamflow.js之前的任何位置添加該registerCtrl.js文件時，它也會顯示相同的錯誤。

我無法找到問題所在。 我試圖解決過去三天來的問題，但是即使經歷了與此錯誤或主題相關的所有問題，也無法解決。

Answer 1

在registerCtrl.js中，第一行實際上再次實例化了您的模塊。 你的意思是：

var myApp = angular.module('dreamflow');

另外，我在模塊上看不到.run() ，這對我來說意味着您的應用未運行。

Angularjs-ui-router，ui-view無法正常工作。

問題描述

1 個解決方案

解決方案1
0 2014-12-24 10:55:39

Angularjs-ui-router，ui-view無法正常工作。

問題描述

1 個解決方案

解決方案1 0 2014-12-24 10:55:39

解決方案1
0 2014-12-24 10:55:39