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

Angular - Why won't my ui-view show my template html text?

本文关键字：我的 html 文本 显示 ui-view 为什么      更新时间：2023-09-26

我想知道为什么我的模板，我指的是在我的角状态('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: 

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

我认为你的路由器无法匹配/ url。这就是为什么你必须指定一个默认状态，因为并不总是你的url将与/。

考虑像这样强制一个默认状态:

$stateProvider.otherwise('/');
相关文章：