Question

我想知道为什么我的角度状态（'home'）中提到的模板不会显示 - 在我的index.html中我添加了<ui-view></ui-view>标记。有谁知道吗？

app.js：

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

HTML：

<body ng-app="portfolio">
    <p>hellooooo</p>
    <ui-view></ui-view>

    <script src="angular.min.js"></script>         
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.0-beta.2/angular-ui-router.js"></script>
    <script src="js/app.js"></script>
    <script src="js/home/home.js"></script>     
</body>

home.js：

app.config(function ($stateProvider) {
    $stateProvider.state('home', {
        url: '/',
        templateUrl: '/browser/js/home/home.html'
    });
});

home.html的：

<div><p>not working</p></div>

Answer 1

我认为您的路由器无法匹配/网址。这就是为什么你必须指定一个默认状态，因为并不总是你的网址会附带/。

考虑强制执行默认状态：

$stateProvider.otherwise('/');

Angular - 为什么我的ui-view不会显示我的模板html文本？

1 个答案: