1

我尝试简单的 Universal 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>

项目有一个简单的视图和简单的控制器。当我在我的视图中使用“win-list-view”时，（即使是没有边界的空 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" });
    });

}());

为什么视图上的“win-list-view”标签会导致该错误？

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

4

0 回答 0