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

Question

I am writing a angular app. 我正在编写一个有角度的应用程序。

which contains index page, register page below written code is of index file. 其中包含索引页，下面编写代码的寄存器页是索引文件。

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

This is the code of home page 这是主页的代码

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

this is dreamflow.js 这是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'
                });

        }
    ])

This is registerCtrl.js 这是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);
        };
    }
]);

When we add the registerCtrl.js script in the index file (just below dreamflow.js) then our ui-view doesn't work. 当我们在索引文件（仅在dreamflow.js下面）中添加registerCtrl.js脚本时，我们的ui视图将不起作用。

When we didn't use registerCtrl.js in index file then ui-view works fine but RegisterController shows following error. 当我们不在索引文件中使用registerCtrl.js时，ui-view可以正常工作，但是RegisterController显示以下错误。

Error: error:areq Bad Argument 错误：error：areq错误参数

Argument 'RegisterController' is not 参数'RegisterController'不是

When we add this registerCtrl.js file anywhere before dreamflow.js then also it shows the same error. 当我们在dreamflow.js之前的任何位置添加该registerCtrl.js文件时，它也会显示相同的错误。

I am unable to find what exactly the problem is. 我无法找到问题所在。 i am trying to solve this from past three days but didn't able to resolve this even after going through all issue related to this error or topic. 我试图解决过去三天来的问题，但是即使经历了与此错误或主题相关的所有问题，也无法解决。

Answer 1

In registerCtrl.js, the first line actually instantiate your module again. 在registerCtrl.js中，第一行实际上再次实例化了您的模块。 what you meant was : 你的意思是：

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

Also, I don't see a .run() on your module, which mean to me that your app is not running. 另外，我在模块上看不到.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