gpt4 book ai didi

angularjs - 无法呈现 WinJS Angular Pivot 指令

转载 作者:行者123 更新时间:2023-12-01 02:07:21 24 4
gpt4 key购买 nike

似乎 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
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com