Javascript 角度-无法加载视图

我正试图了解如何在页面加载时将视图加载到动态模板中。我的应用程序根据设备宽度有不同的模板。目前加载的模板没有问题，但当涉及到视图时，我不确定如何注入它

<div data-ng-view></div> seems to be empty.

我创造了一个

---

再次感谢您的帮助。

这就是评论中提到的问题。在ng include中使用ng视图。我拿起你的小提琴，加了一个$route.reload，它就工作了。我还必须在您的路由配置中重命名为one.html

旁注：

您的模板URL应为：

templateUrl: '/one.html',

它是templateUrl:“views/steps/one.html”

关于更好方法的思考

@JimiUI路由器在与URL同步逻辑时更加友好。例如，在UI路由器中，您可以有一个执行所有操作的抽象状态，并且当URL更改时，可以有root/one root/two这样的子状态。UI路由器足够智能，可以检测到root将同时处于这两种状态，因此不会重新加载控制器。这允许您打开$state.current.name=='root.one'。然后，您可以有条件地包含或只包含模板逻辑。它也不会刷新整个ng视图，只会刷新附加到状态的ui视图

---

ui路由器是一个非常强大的库。在您查看他们的文档/教程之前，以上大部分内容都没有意义。

我认为您需要在app.js中进行一些配置。请参考下面的代码，因为我已经做了一些url映射，我们必须指定控制器和templateUrl

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

$routeProvider
        .when('/', {
            controller: 'DashboardController',
            templateUrl: 'views/dashboard.html'
        })
        .when('/change-password', {
            controller: 'ChangePasswordController',
            templateUrl: 'views/change-password.html'
        })
        .when('/network-config', {
            controller: 'NetworkConfigController',
            templateUrl: 'views/network-config.html'
        })
        .when('/dashboard', {
            controller: 'DashboardController',
            templateUrl: 'views/dashboard.html'
        });

return vrmUI;
});

---

要在angular中使用路由，必须插入ngRoute模块。尝试安装angular route软件包，并将“ngRoute”添加到angular模块依赖项中。这对我来说很有用……您好@niba，如果您使用的是1.2.xxx版本，我相信您只需要使用ngRoute。@Nix，我根本没有加载视图模板。我在数组中得到了正确的行，仅此而已。@Jimi我想你正在处理这个问题，我有点困惑？加载模板，模板包含手风琴，然后将视图加载到手风琴的行中。如果我更改模板URL，我只会得到视图。我想要模板>视图。@Jimi我更新了小提琴，它至少出现了。我想你的安排方式会遇到问题。谢谢，非常感谢。您建议我对代码做什么更改？再次感谢您的帮助>我将查看库。

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

$routeProvider
        .when('/', {
            controller: 'DashboardController',
            templateUrl: 'views/dashboard.html'
        })
        .when('/change-password', {
            controller: 'ChangePasswordController',
            templateUrl: 'views/change-password.html'
        })
        .when('/network-config', {
            controller: 'NetworkConfigController',
            templateUrl: 'views/network-config.html'
        })
        .when('/dashboard', {
            controller: 'DashboardController',
            templateUrl: 'views/dashboard.html'
        });

return vrmUI;
});