Question

我使用带有卫星的角度种子。我使用以下命令启动了应用程序：npm install并通过键入：http://localhost:8080/app/#/auth在浏览器上运行项目，但我看到浏览器正在显示[view1] [view2] Angular seed app：v0.1。我在 app.js ：

中使用了以下代码

Win64="Yes"

我在“ view_auth ”中使用了以下代码 auth.js ：

'use strict';
angular.module('myApp', [
'ui.router',
'myApp.view2',
'myApp.auth',
'myApp.version',
'satellizer'
]).
config(['$stateProvider', '$urlRouterProvider', '$authProvider', 
function($stateProvider, $urlRouterProvider, $authProvider) {
$authProvider.loginUrl = 'http://localhost:8000/adminlogin/showLogin';
$urlRouterProvider.otherwise('/auth');
}]);

view_auth 下的视图文件（ auth.html ）如下：

'use strict';
angular.module('myApp.auth', [])
.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, 
$urlRouterProvider) {
$stateProvider
.state('auth', {
url: '/auth',
views: {
  'jokesContent': {
    templateUrl: "view_auth/auth.html",
    controller: 'AuthCtrl as auth'
  }
}
})
}])
.controller('AuthCtrl', ['$auth', '$state', '$http', '$rootScope', function($auth, $state, $http, $rootScope) {`

  var vm = this;

    vm.loginError = false;
    vm.loginErrorText;

    vm.login = function() {

        var credentials = {
            email: vm.email,
            password: vm.password
        }

        $auth.login(credentials).then(function() {
            $http.get('http://localhost:8000/api/v1/authenticate/user').success(function(response){
                var user = JSON.stringify(response.user);
                localStorage.setItem('user', user);
                $rootScope.currentUser = response.user;                   
                $state.go('jokes');
            })
            .error(function(){
                vm.loginError = true;
                vm.loginErrorText = error.data.error;
                console.log(vm.loginErrorText);
            })
        });
    }
}]);

`

我的index.html看起来像：

<div class="container">
<div class="row">
    <div class="col-md-4 col-md-offset-4">
        <div class="panel panel-default">
            <div class="panel-heading"> <strong class="">Login</strong>

            </div>
            <div class="panel-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">Email</label>
                        <div class="col-sm-9">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="Email" required="" ng-model="auth.email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-3 control-label">Password</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="inputPassword3" placeholder="Password" required="" ng-model="auth.password">
                        </div>
                    </div>
                    <div class="form-group last">
                        <div class="col-sm-offset-3 col-sm-9">
                            <button type="submit" class="btn btn-success btn-sm"  ng-click="auth.login()">Sign in</button>
                            <button type="reset" class="btn btn-default btn-sm">Reset</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

但在运行项目后，视图显示如下：

我需要将屏幕显示为：https://i0.wp.com/baljeetsingh.in/wp-content/uploads/2015/11/2015-11-13_22-24-06.png?ssl=1

任何帮助表示感谢。

Answer 1

最后，我解决了这个问题。我将index.html中的代码var viewModelName = $"{viewName.Replace("SampleApp","TestVM")}ViewModel, {viewAssemblyName.Replace("SampleApp","TestVM").Replace("Views","ViewModels")}";替换为

<div ng-view></div>

为什么Angular种子应用程序显示Angular种子应用程序：v0.1

1 个答案: