Question

我的单页应用程序出了问题。当我使用keyuser.html作为第一个站点（主页）启动我的项目时，连接数据库中的表将显示数据。当我使用普通的home.html作为我的程序的入口点时，我可以单击超链接到我的keyuser.html文件，控制器执行必要的路由，我在我的keyuser.html站点上。但这里只是更新按钮，而不是我的数据表。

++++++++++++++++++++++++++++++++++++++++++++

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button onclick="update()">Update</button>

<div id="flexGrid"></div>

</body>
</html>
<script>
var cv = new wijmo.collections.CollectionView();
var flexGrid = new wijmo.grid.FlexGrid('#flexGrid');

flexGrid.itemsSource = cv;
// Get Data
wijmo.httpRequest("/api/Colors", {
    success: function (xhr) {
        cv.sourceCollection = JSON.parse(xhr.response);
    }
});
</script>

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

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

 app.config(function ($routeProvider) {
 $routeProvider
    .when("/keyuser", {
    templateUrl: "keyuser.html"
 });

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 <!DOCTYPE html>
 <html>
 <head>
 <script src="http://cdn.wijmo.com/5.latest/controls/wijmo.min.js"></script>
 <script src="http://cdn.wijmo.com/5.latest/controls/wijmo.grid.min.js"></script>
 </head>
 <body> 
 <div ng-app="myApp">
   <a href="#!keyuser">Stammdaten</a>
   <div ng-view></div>    
 </div>

Answer 1

这里有很多错误。

首先，在使用路由加载HTML模板时，整个模板会加载到ng-view元素中。这意味着在您的情况下，doctype标记，html标记，正文标记和所有其他标记加载两次可能会破坏您的页面。

其次，当使用AngularJS时，不要在脚本标签中编写javascript，而是开始使用控制器，指令，组件和服务。

最后，确保包含正确的AngularJS脚本，如angular.js和angular-route.js

总的来说，我强烈建议您在继续之前先阅读AngularJS的基础知识，因为我觉得你错过了那些。

路由和ng-view问题

1 个答案: