gpt4 book ai didi

javascript - 我无法让 ng-view 正常工作

转载 作者:行者123 更新时间:2023-12-03 08:38:35 24 4
gpt4 key购买 nike

几个月来我一直在努力找出我的 Angular 路线做错了什么。有人可以快速浏览一下这个 plunk 并告诉我为什么 ng-view 不起作用吗? $scope.name 无法正确显示,ng-view 似乎无法正常工作。 http://plnkr.co/edit/7vtgxmvqI0eiDALIW7G8

脚本.js

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

app.config(function($routeProvider) {

$routeProvider.when('about.html', {
templateURL: "about.html",
controller: 'AboutController'
})
});

app.controller('AboutController', function($scope) {
$scope.name = "marcus";
});

index.html

<!DOCTYPE html>
<html ng-app="blog">

<head>
<script src="https://code.angularjs.org/1.2.2/angular.min.js"></script>
<script src="https://code.angularjs.org/1.2.2/angular-route.min.js"></script>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>

<body>
<a href="about.html">Notes</a>

<h1>Click the Link ^</h1>
<h2>{{2+2}}</h2>

<div ng-view>

<p>ng-view should be loading data from about.html right here but it's not working</p>

</div>
</body>
</html>

about.html

<html>
<body>
<h1>Hello</h1>

<h2>{{name}}</h2>
</body>
</html>

最佳答案

在index.html中更改href,如下所示:

<a href="#/about.html">Notes</a>

也在 script.js 中:

$routeProvider.when('/about.html', {
templateUrl: "about.html",
controller: 'AboutController'
})

这些更改使您的代码适合我。据我所知,问题出在路由上。

关于javascript - 我无法让 ng-view 正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33121719/

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