gpt4 book ai didi

javascript - Angular 路由不填充 ng-view

转载 作者:行者123 更新时间:2023-12-03 07:37:49 25 4
gpt4 key购买 nike

我遇到的问题是我的路由没有填充我的 View 。

我从 Xampp 本地服务器运行以下代码:

Angular 1.4.9

index.html:

<html>
<head>
<script src="scripts/angular.js" type="javascript/text"></script>
<script src="scripts/Ng-Route.js" type="javascript/text"></script>
<script src="scripts/app.js" type="javascript/text"></script>
</head>
<body ng-app="myApp">
<div ng-view></div>
</body>
</html>

user.html:

<div>
<fieldset>
Hello, {{ctrl.message}}
</fieldset>
</div>

app.js:

var app = angular.module('myApp', ['ngRoute']);

app.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'user.html',
controller : 'controller as ctrl'
});

$routeProvider.otherwise({ redirectTo: '/' });
});

app.controller('controller', function() {
var self = this;
self.message = 'Everyone';
});

我完全不知道为什么会失败,页面上没有显示任何内容。我期待着“大家好”。

如有任何帮助,我们将不胜感激。

最佳答案

您错误地在路线上声明了您的 Controller 。 Controller 确实接受字符串/ Controller 函数中的 Controller 名称。并使用 controllerAs 选项为您的 Controller 添加别名。

$routeProvider
.when('/', {
templateUrl : 'user.html',
controller : 'controller',
controllerAs: 'ctrl'
});

关于javascript - Angular 路由不填充 ng-view,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35541262/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com