Question

我在这些方面看到了一些未解决的问题 - 希望，我会以引出解决方案的方式说明这一点。提前致谢

AngularJS 1 - 使用grunt

的index.html

<!doctype html >
<html ng-app="studentAdmissions" >

    <head>

        <meta charset="utf-8" >
        <meta name="description" content="" >
        <meta name="viewport" content="width=device-width" >

        <title>Student Admissions</title>


        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
        <script src="https://unpkg.com/angular-ui-router@1.0.0-rc.1/release/angular-ui-router.js"></script>
    </head>

    <body>

        <!--[if lt IE 10]>
          <p class="browsehappy" >You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" >upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <div ui-view ></div>

        <script src="app/app.js" charset="utf-8" ></script>

    </body>

</html>

应用程序/ app.js

var app = angular.module( 'studentAdmissions', ['ui.router'] );

app.config( function( $stateProvider, $urlRouterProvider ) {

    $urlRouterProvider.otherwise( '/' );

    $stateProvider
    .state( 'home', {
        url:'/'
        ,template:'<h1>My Home</h1>'
    })

})

我没有收到错误，只是一个空白页。

我也试过，但结果是一样的。

$stateProvider
    .state( 'home', {
        url:'/'
        ,templateUrl:'views/home.html'
})

我目前正在搜索文档，但找不到问题并没有太多运气。

我添加了下面提到的缺失文件参考（谢谢） - 控制台现在显示错误，在我看来它来自angularjs.js文件 - 这可能不是这种情况。

未捕捉错误：[$ injector：modulerr] http://errors.angularjs.org/1.6.1/ $ injector / modulerr？p0 = studentAdmissions＆amp; p ... ogleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.1％2Fangular.min.js％3A21％ 3A332）

Answer 1

你有一个链接angular.js库的脚本标签吗？

示例：

MM/DD/YYYY

这应该存在于您的<script src="vendor/angular.js" type="text/javascript"></script>文件中。

Answer 2

您可能需要将<div ui-view ></div>更改为

<ui-view></ui-view>

您可以在https://ui-router.github.io/ng1/tutorial/helloworld

找到示例

AngularJS ui.router给了我一个空白页面

2 个答案: