Question

我正在尝试使用Angular JS应用程序，但我有些问题。

这是我的index.html代码

<body ng-app="StockApp">
        <div id="wrapper" class="flex-column">
            <div ng-hide="hideNavBar" id="navbarundsub">
            </div>
            <div ng-show="hideStockInformation" id="stockInformation">
            </div>
            <div id="main" class="flex-row">
                <div ng-hide="hideSideMenu" id="sidemenu">
                </div>
                <div ng-hide="hideSideMenuUser" id="sidemenuUser">
                </div>
                <!--CONTENIDO-->
                <ng-view></ng-view>
            </div>
        </div>
</body>

我的问题是我的第一页是登录，所以我不想在de ng-view所在的div中显示login.html，所以我不知道如何更改ng-view或如何将登录传递到另一页...我不知道。

希望有人可以帮助我。

Answer 1

ng-view是Angular1的重要指令之一。

Documentation

我们需要在依赖注入中注入ngRoute。在这里，我们需要维护这样的路线

Routing Example

请保留这样的路线

     var mainApp = angular.module("mainApp", ['ngRoute']);
     mainApp.config(['$routeProvider', function($routeProvider) {
        $routeProvider.

        when('/login', {
           templateUrl: 'login.htm',
           controller: 'LoginController'
        }).

        when('/employee', {
           templateUrl: 'employee.htm',
           controller: 'EmployeeController'
        }).

        otherwise({
           redirectTo: '/login'
        });
     }]);

Answer 2

您需要创建2个角度模板，一个用于登录，另一个用于仪表板。

登录模板不包含任何菜单和标题仪表板模板包含菜单和标题。

您必须将路线从一个模板页面更改为另一个模板页面。为此，您需要使用ui-router角度模块。使用ng-route，您无法将路径从一个模板页面更改为另一个模板页面。

ui-router module：

https://github.com/angular-ui/ui-router/wiki

<强> app.js

var timer,
    timeleft = 5; // 5 seconds

function time()
{
    var minute = Math.floor(timeleft / 60);
    var seconds = timeleft % 60;
    
    if (timeleft >= 0)
    {
        if (minute < 10)
        {
            minute = "0" + minute;
        }
        
        if (seconds < 10)
        {
            seconds = "0" + seconds;
        }
    
        document.getElementById("timer").innerHTML = minute + ":" + seconds;
    }
    
    if (timeleft <= 0)
    {    
        clearTimeout(timer);
        document.getElementById("exam").submit();
        
        return;
    }

    timeleft--;
    
    timer = setTimeout(time, 1000);

}

time();

<强>的index.html

<form id="exam" action="http://www.google.com/search" type="get">
  <input type="text" name="q" value="Test">
  <input type="submit" value="Submit" id="submitButton">
</form>
<div id="timer"></div>

如何更改ng-view

2 个答案: