angularjs - 无法呈现 WinJS Angular Pivot 指令-6ren

angularjs - 无法呈现 WinJS Angular Pivot 指令

转载作者：行者123 更新时间：2023-12-01 02:07:21

24

4

似乎 win-pivot angular 指令不会在 Windows Phone 8.1 JavaScript 应用程序上呈现实际的枢轴或枢轴项。我正在使用以下设置。除了使用新的 JavaScript Pivot App 项目创建的默认代码之外，我还在 default.html 文件中添加了以下指令。

从以下代码中，只有左右枢轴标题正在呈现(没有样式)。我已将旧 CSS 文件 (WinJS 2.1) 中的其他引用移至最新版本。

设置

Windows Phone 8.1 VS 项目

WinJS 4.1

Angular JS 1.4.1

指令 HTML

<div>
    <win-pivot>
        <win-pivot-left-header>Custom Left Header</win-pivot-left-header>
        <win-pivot-item header="'First'">
            Pivots are useful for varied content
        </win-pivot-item>
        <win-pivot-item header="'Second'">
            This Pivot  is boring however, it just has things like data bindings: {{ratings.length}}
        </win-pivot-item>
        <win-pivot-item header="'Tail...'">
            Because it's only purpose is to show how to create a Pivot
        </win-pivot-item>
        <win-pivot-right-header>Custom Right Header</win-pivot-right-header>
    </win-pivot>    
</div>

指令 JavaScript 代码

var ang = angular.module('app', ['winjs']);

ang.directive('app.testdir', ['$filter', function ($filter) {
    return {
        restrict: "AE",
        replace: true,
        templateUrl: "/scripts/app.html",
        scope: {
        },
        controller: ["$scope", Controller],
    };
    function Controller($scope) {

    }
}]);

default.html 正文

<body class="phone">
    <div>
        <div app.testdir></div>
    </div>
    <div id="contenthost" data-win-control="Application.PageControlNavigator" data-win-options="{home: '/pages/hub/hub.html'}"></div>

</body>

最佳答案

angular-winjs 中存在一个错误

我也遇到了同样的问题，发现 PivotItem 没有呈现。
我在 angular-winjs.js ( 3.1 ) 中更改了以下行

exists("PivotItem") && module.directive("winPivotItem", function () {

到

exists("Pivot") && module.directive("winPivotItem", function () {

但它仍然没有被渲染。当我使用 ng-repeat 列出枢轴项时，它开始渲染。

<win-pivot>
        <win-pivot-item ng-repeat="item_pivot in app.items" header="item_pivot.title">
               {{item_pivot.text}}
        </win-pivot-item>                        
  </win-pivot>

但是由于一些样式问题，它没有显示在 splitView 中。也改变了一些风格

<style>
    .win-pivot-header {
        color: #FFF !important;
    }
    .win-pivot-item {
        position:static !important;
    }
  </style>

现在枢轴项开始显示在 splitView 内。

更新 : 如果你使用的是 WinJS 4.3 只需要改变样式

关于angularjs - 无法呈现 WinJS Angular Pivot 指令，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31589688/

24

4

0

文章推荐： javascript - 调用Jquery函数-通过ajax加载内容

文章推荐： jQuery 选择器没有按照我期望的方式工作

文章推荐： javascript - 从两个数组中查找相同的数字

文章推荐： python - scipy.sparse.csr_matrix 数据的意外行为

winjs - 哪里可以下载 WinJS 的预编译版本？
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为
winjs - WinJS 中的嵌套 Promises
我正在实现一个 DataAdapter 以绑定(bind)到 WinJS ListView 控件。该接口(interface)需要一个返回 Promise 的 getCount 方法。如果我直接返回一
winjs - 集成 WinJS 和 Angular2
我正在尝试包装 WinJS rating control在 Angular2 组件中。当我调试时，我可以看到正在调用和执行 WinJS.UI.processAll();。但是我没有看到评分控件。我怎
winjs - 从外部源加载 WinJS.UI.ListView 的 itemTemplate
我想知道是否有人可以阐明为什么这不起作用。如果我在我的 html View 中定义模板(第一个场景)，我可以成功地动态模板化每个 WinJS.UI.ListView 项目。但是，如果我使用 $.ge
WinJS.Application.addEventListener 与 WinJS.Application.onActivated
The MSDN documentation显示了为 Win8 WinJS 应用程序设置 onactivated 事件的两个选项: WinJS.Application.addEventListener
javascript - winjs:如何使用 winjs 库导航到 html 页面。？
我在 HTML5/JAVASCRIPT 平台上开发 windows store app 并安装了 SPLIT APP 模板。我想显示一个 HTML 页面。如果我使用 HTML Hyperlink 属
winjs - 如何从 Windows 8 WInJS 应用程序中启动 IE10 中的 URL？
这可能是一个愚蠢的问题，但我一直无法找到答案。我想从我的 Windows 8 javascript 应用程序中使用 IE10 启动一个特定的 URL，即我的应用程序将被暂停，而 IE10 将启动。我如
typescript - 如何同时使用 WinJS 和 Typescript？案例 : WinJS class vs Typescript class
在 WinJS 中，我这样声明类: WinJS.Namespace.define('MyNamespace', { MyClass: WinJS.Class.define(function c
javascript - eval() 在 WinJS 中不工作。禁用 WinJS.strictProcessing();在 Windows 8 商店应用程序中
我有一个在我的网站中使用过的 js 代码。我使用 eval() 来保密代码。但现在我需要在我的 winJS 应用程序中使用相同的代码。但我发现由于 WinJS.strictProcessing() ，
winjs - 如何读取winjs应用程序中切换开关的值
我已尝试使用以下代码来获取切换开关按钮的检查值。但我无法在JavaScript方法中找到切换开关的checked属性。 .js: var yammerpt = document.getElementB
javascript - 如何访问listViews项目？ (WinJS)
我正在尝试在 WinJS (Windows Phone 8.1 UWP) 中的 ListView 上添加上下文菜单。首先，我想通过选择元素并添加事件监听器来添加它。这是我的 HTML 代码:
javascript - 创建Parse安装对象UWP winjs
我在我的 UWP javascript 应用程序中使用 Parse javascript SDK。正如快速入门中提到的，我使用以下行初始化 Parse， Parse.initialize("App_I
javascript - WinJS:保存重要信息的最佳方法
我有一个为我的业务创建的 Windows 应用商店应用。我的企业已经成功使用它几个月了，但我们在读取保存的数据时偶尔会遇到错误；找到一种方法来最小化这些数据保存和读取错误是非常非常重要的。具体来说:
javascript - WinJS xhr可以发出HTTPS请求吗？
例如，它需要调用使用 SSL 托管的 Web 服务。如果可以的话，那么客户端证书如何通过呢？非常感谢!! WinJS.xhr({ type: "
winjs - 如何在winjs app中读取拨动开关的值
我尝试了以下代码来获取切换开关按钮的检查值。但是我无法在 JavaScript 方法中找到切换开关的 checked 属性。 .js: var yammerpt = document.getEleme
javascript - WinJS 中未处理的异常
谁能告诉我如何处理 WinJS 代码中未处理的异常。有没有更好的方法来处理它们而不是使用 try/catch block 。我已经在我的代码的某些部分使用了 try/catch block 。最佳答
javascript - WinJs 返回同一位置
我正在开发 Windows 8 应用商店应用程序(使用 WinJS - html5、js、jquery)，我正在尝试使用它； WinJS.Navigation.back(); 此后退功能有效并返回一页
javascript - WinJS 在启动时加载配置数据
我正在使用 HTML/CSS/JS 和 WinJS 框架开发适用于 Windows 应用商店的应用程序。我的应用程序需要在启动时加载配置数据，如果在线则通过网络加载，如果不在线则通过本地加载。我的
javascript - WinJS，从字节数组显示图像？
我正在寻找一种方法来显示存储在字节数组中的 JPEG 图像。这是一个用 Javascript 构建的 Windows 8 商店应用程序。字节数组从 C# WinRT 组件返回。它在 C# 中的类型是
javascript - WinJS:如何直接在选项中解析全局资源
有没有办法直接在我的 WinJS 控件选项定义中使用 WinJS 评估全局资源，而不是使用 data-win-res 属性，因为特定选项是一个复杂的对象？这是我所拥有的: 以下尝试评估资源会崩溃

首页

博学

6Ren·AI

商城

angularjs - 无法呈现 WinJS Angular Pivot 指令