Question

我尝试简单的通用Windows 8.1项目。我的default.html页面：

<!DOCTYPE html>
<html ng-app="mainApp">
   <head>
   <meta charset="utf-8" />

   <!-- WinJS references -->
   <script src="scripts/services/winstore-jscompat.js"></script>
   <script src="node_modules/jquery/dist/jquery.min.js"></script>
   <script src="node_modules/winjs/js/base.min.js"></script>
   <script src="node_modules/winjs/js/ui.min.js"></script>

   <!-- angular -->
   <script src="node_modules/angular/angular.min.js"></script>
   <script src="node_modules/angular-route/angular-route.min.js"></script>
   <script src="node_modules/angular-winjs/js/angular-winjs.js"></script>

   <script src="scripts/app.js"></script>
   <script src="scripts/controllers/EventsController.js"></script>
   </head>

   <body>
      <div ng-view></div>
   </body>
</html>

Project有一个简单的视图和简单的控制器。当我使用＆＃34; win-list-view＆＃34;在我看来，（甚至没有边界的空win-list-view）我得到了我不明白的错误。

HTML1300: Navigation occurred.
default.html
DOM7011: The code on this page disabled back and forward caching. For more      information, see: http://go.microsoft.com/fwlink/?LinkID=291337
default.html
Error: [$compile:noslot] http://errors.angularjs.org/1.5.3/$compile/noslot?    p0=true&p1=%3Cdiv%20class%3D%22ng-isolate-scope%22%20item-data-    source%3D%22manufacturers%22%20ng-transclude%3D%22true%22%3E
...

我的页面已打开，但屏幕上的数据是json格式。整个数据绑定数组显示在屏幕上。

查看：

<div>
    <win-list-view item-data-source="manufacturers">
        <win-item-template>
            <div>
                <h4>{{item.data.title}}</h4>
                <h6>{{item.data.text}}</h6>
            </div>

        </win-item-template>
        <win-list-layout></win-list-layout>
    </win-list-view>
</div>

控制器：

(function () {

    angular.module("mainApp")
    .controller("EventsController", function ($scope) {
           $scope.manufacturers = [
                   { title: "marvelous mint", text: "gelato" },
                   { title: "succulent strawberry", text: "sorbet" },            
        ];
    })
}());

我的应用：

(function() {

    angular.module("mainApp", ["ngRoute", "winjs"]);
    angular.module("mainApp")
    .config(function ($routeProvider) {
        $routeProvider
            .when("/events", {
                templateUrl: "views/events.html",
                controller: "EventsController"
            })
            .otherwise({ redirectTo: "/events" });
    });

}());

为什么＆＃34; win-list-view＆＃34;视图上的标签导致了该错误？

使用VS2015在Windows 8上工作，也许它有影响力。

＆＃34;赢-列表视图＆＃34;使用WinJS和Angular的Universal Windows 8.1项目中的元素中断页面

0 个答案: