我一直在尝试使用带有Angular-ui-router库的AngularJS实现一个示例项目,默认情况下应该查看home.html内容,但是那是行不通的,我一直在获取不包含home.html内容的“ Hello World” 。

index.html

<html>
        <head>
            <meta charset="UTF-8">
            <script src="js/libs/angular.js"></script>
            <script src="js/libs/angular-ui-router.min.js"></script>
            <script src="js/libs/angular-animate.js"></script>
            <script src="js/app.js"></script>
            <script src="js/controller/homeController.js"></script>
        </head>
        <body ng-app="myApp">
            Hello World
            <div ui-view="viewContent"></div>
        </body>
</html>

app.js

angular.module('myApp', ['ui.router', 'myApp.controllers'])
    .config(function($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('home', {
                url: "/",
                templateUrl: "html/home.html",
                controller: 'HomeCtrl',
                cache: false
            });

        $urlRouterProvider.otherwise("/");
    });

home.html

<div id="wrapper">Home</div>

homeController.js

angular.module('myApp.controllers', ['myApp']);

angular.module('myApp.controllers')
.controller('HomeCtrl', function($scope) {

});

我在这里想念什么吗?

编辑:添加了ng-app进行标记,仍然无法正常工作

  ask by ProfessorT translate from so

本文未有回复,本站智能推荐:

1回复

在AngularJS和Angular-UI-Router中使用$urlRouterProvider匹配任何路由

我不是AngularJS开发人员,但我得到了一个项目。 现在,每当路线更改时,我需要调用以下方法。 哪条路线都没有关系,任何一条路线都没有关系。 现在,我找到了以下代码。 因此,在该方法中,我可以访问$ urlRouterProvider ,我在文档中读到,即使使用正则表达式,也可
1回复

AngularJs和Angular-UI-Router路由权限

我正面临着如何根据从服务器获取的远程数据实现路由限制的问题。 假设我有以下配置文件: 我的申请要求是: 帖子有所有者(帖子的创建者),其域名可以是公共的或私有的。 如果域是公共的,则每个用户都可以看到帖子(进入州post.view ),如果不是(域名是私有的),只有所有者才能
1回复

使用angular-ui-router处理404

我有一种方法的服务: 在我的app.routes.js`中: 控制器VenueController仅具有: $scope.venue = venue 一切正常,如果我手动输入带有错误的站点标记的URL,它将正确重定向到404。 问题是我在控制台中收到一个困扰我的错误:
1回复

使用angular-ui-router覆盖命名视图模板

在root.app.work状态或/work url内,如何将其页面模板更改为<div>wtf</div> 。 更新:我不能让root.app.work.show正确路由? 转到404 HTML:
2回复

如何使用angular-ui-router重新加载状态?

如何使用angular-ui-router重新加载控制器和整个侧面? 不起作用。 唯一有效的方法是: 去另一个州然后返回。 然后,正确地重新加载视图。 没有这个hack怎么办? 问候
2回复

页面标题,使用angular-ui-router进行描述

我已经尝试/使用了stackoverflow和其他教程的所有可能的引用,但无法获取页面标题,描述工作。 我的州代码看起来像这样 在我的控制器'WelcomeCtrl'文件中,我想为页面设置页面标题和描述。 我使用过rootScope但rootScope值没有绑定在index.html文件
2回复

使用angular-ui-router获取服务中的路由参数

使用Angular的默认路由器,您可以通过在路由中放置以下内容来解析AJAX资源: 并实现此服务: 我目前正在开发Ionic应用程序,并具有以下服务: 以及以下路线: Ionic使用angular-ui-router ,关于此问题的文档尚不清楚。 如何以与默认Angular路由
1回复

使用angular-ui-router的带有参数的动态templateUrl

我有一条路线来处理用户的创建,修改,查看和列表,如下所示: 我想使用一种路由,可以将mode作为参数传递并获取正确的templateUrl : mode可以是: view , edit , list 。 有没有办法做到这一点?