使用 AngularJS 为 Windows 应用商店应用程序“无法添加动态内容”,但它可以工作

2024-04-13

我正在使用 AngularJS 创建一个 Windows 应用商店应用程序(或 Metro 应用程序,或无论他们如何称呼它)。

我解决了 Javascript 运行时错误“无法添加动态内容”,该错误导致应用程序崩溃(请参阅here http://onehungrymind.com/windows-8-and-angularjs/)一切都很顺利,直到我开始使用指令(理解 angular.module.directive)。

现在,我在控制台日志中看到“无法添加动态内容”。请注意,应用程序不会崩溃,事实上,应用程序按预期工作!

我应该忽略这个错误(我不喜欢这样),我可以做些什么吗?

一个“时钟”应用程序的代码来说明: 该应用程序确实显示了正确的时间,格式化并每秒递增。 DOM 就是我所期望的。

Thanks,

索引.html:

<!doctype html>
<html lang="en" ng-app="phonecat">
<head>
<meta charset="utf-8">
<title>Google Phone Gallery</title>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/bootstrap.css">

<script src="lib/jquery-1.8.2-win8-1.0.min.js"></script>
<script type="text/javascript">
    jQuery.isUnsafe = true;
</script>
<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/services.js"></script>
<script src="lib/angular/angular-resource.js"></script>
</head>

app.js

angular.module('phonecat', ['phonecatFilters', 'phonecatServices']).config(['$routeProvider', function($routeProvider) {
  $routeProvider.
      when('/phones', {templateUrl: 'partials/phone-list.html',controller: PhoneListCtrl}).
      otherwise({redirectTo: '/phones'});
  }])
.directive('myCurrentTime', function($timeout, dateFilter) {
    return {
        restrict: 'E',
        replace: true,
        template: '<div> Current time is: <span>{{time}}</span></div>',
        link: function (scope, element, attrs) {
            var timeoutId;

            function updateTime() {
               scope.time = dateFilter(new Date(), 'M/d/yy h:mm:ss a');
            }

            function updateLater() {
                timeoutId = $timeout(function () {
                    updateTime();
                    updateLater();
                }, 1000);
            }

            element.bind('$destroy', function () {
                $timeout.cancel(timeoutId);
            });

            updateLater();
        }
    }
});

error:

HTML1701: Unable to add dynamic content '<my-current-time></my-current-time>
'. A script attempted to inject dynamic content or elements previously modified dynamically that might be unsafe. For example, using the innerHTML property to add script or malformed HTML will generate this exception. Use the toStaticHTML method to filter dynamic content or explicitly create elements and attributes with a method such as createElement. For more information, see http://go.microsoft.com/fwlink/?LinkID=247104.
File: index.html

这是窗口商店应用程序的安全性。 您可以使用以下方法修复它script https://github.com/MSOpenTech/winstore-jscompat.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 AngularJS 为 Windows 应用商店应用程序“无法添加动态内容”,但它可以工作 的相关文章

随机推荐

  • 如何在 vb.net 中引用项目中包含的文件

    当您将图像包含在项目中时 图像会复制到哪个目录中 如果将其复制到输出目录 则可以使用Path Combine Shared ReadOnly AppDirectory As String Path GetDirectoryName New
  • nginx;仅使用 try_files 如果文件存在则返回响应代码

    Since IfIsEvil http wiki nginx org IfIsEvil我一直在尝试使用指令设置配置try files只是为了让维护页面与响应代码 503 一起显示 对于任何 URI 无一例外 即包括 php 页面 如果存在维
  • 将 HTML 附加到容器元素而不使用 innerHTML

    我需要一种在不使用innerHTML 的情况下将HTML 附加到容器元素的方法 我不想使用innerHTML的原因是因为当它像这样使用时 element innerHTML htmldata 它的工作原理是先替换所有 html 然后再添加旧
  • 如何制作不完全圆的圆?

    我想做如下图所示的圆角 但我在制作内圆的时候遇到了麻烦 我尝试过border top style border right style但还没有得到相同的结果 circle border radius 50 width 100px heigh
  • Flask 的 jsonify() 中缩小的 JSON

    Flask 提供了方便的jsonify 函数 它从 Python 变量返回 JSON 对象 from flask import Flask jsonify app Flask name app route def json hello re
  • Python - “in”语句搜索对象列表的速度很慢

    我希望有人能解释为什么搜索对象引用列表比搜索普通列表慢得多 这是使用 python in 关键字进行搜索 我认为它以 C 编译器 速度运行 我认为列表只是对象引用 指针 的数组 因此搜索应该非常快 两个列表在内存中的大小正好是 412236
  • ASP.NET Core 3.1 / Identity 会话永不过期。如何让它在滑动到期时到期?

    我的网站的安全检查显示会话 即登录 永远不会过期 我已经测试过自己 发现了同样的情况 今天早上我在本地主机上打开了该网站 但我仍然从昨天开始登录 我一直认为它会在 20 分钟后过期 就像在 NET Framework 应用程序中一样 我使用
  • SQL Server:将 varchar 转换为 INT

    我被困在转换varchar column UserID to INT 我知道 请不要问为什么UserID专栏最初并不是作为 INT 创建的 说来话长 所以我尝试了这个 但它不起作用 并给我一个错误 select CAST userID AS
  • 获取所有 Slack 用户上次活动时间戳的方法

    我正在构建一个 Python 脚本 用于检索我工作的组织的所有 Slack 用户的一组信息 目前 利益相关者要求我检索我们组织的用户上次在 Slack 上活跃的时间 我遇到了users getPresence https api slack
  • 过滤范围、lambda 和 is_sorted

    这是我在过滤迭代器方面遇到的问题的简化版本 因此没有必要要求我以不同的方式重写它以避免过滤器 奇怪的是 仅在真实代码中is sorted似乎有问题 其他用途似乎工作正常 include
  • 如何修剪 JQuery 自动完成框的输入?

    有没有办法将用户输入的输入修剪 删除前导 尾随空格 到 jQuery 自动完成文本中
  • Android - 如何在设备上安装签名的 APK?

    我正处于将签名的 APK 发布到 Android Market 的最后准备阶段 在谷歌的文档 http developer android com guide publishing preparing html他们说 10 测试您编译和签名
  • 以编程方式关闭 JDialog 中显示的 JPanel

    我有一个主应用程序框架 MainFrame class 在 a 的动作执行事件上JButton a JPanel MyJPanel class 将其放入即可打开JDialog 我不延长JDialog创造MyJPanel类 因为我可能也需要
  • Gmail“无法附加空文件”

    我的应用程序使用 iText 库创建一个 PDF 带有已填写表单的模板 PDF 然后我想将其附加到电子邮件中发送 当我尝试附加文件时出现错误Can t attach empty file在 Gmail 应用程序中 还尝试过 HTC 电子邮件
  • 如何旋转图像以对齐文本以进行提取?

    我正在使用 pytesseract 从图像中提取文本 但它不适用于倾斜的图像 考虑下面给出的图像 这是提取文本的代码 它在不倾斜的图像上运行良好 img cv2 imread
  • 无法在 mac os x mojave 上安装 mysqlclient

    我正在尝试在 mac os x mojave 上安装 mysqlclient sudo pip3 install mysqlclient 我收到以下错误 clang Wno unused result Wsign compare Wunre
  • PHP 8.0 中处理未定义数组键的最佳方法[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 几个月前 我升级到了 PHP 8 0 和许多开发人员一样 我也遇到了这个通知变成警告的麻烦 我不明白处理这个问题的正确方法 所以我想知道如何解决
  • 通过批处理文件终止 MS Access 进程

    我尝试打开 MS Access 延迟大约 5 秒 然后关闭应用程序 使用下面的 bat 文件 我可以打开程序 但在延迟后无法将其关闭 echo off start B Access C Program Files x86 Microsoft
  • 如何让 Emacs 在保存文件时创建中间目录?

    有没有办法在 emacs 中创建文件夹树 类似于 mkdir p in bash 基本上 我希望 emacs 创建所有中间模具 如果它们不存在 当我保存文件时 功能make directory这样做 您的具体问题可能会这样解决 add ho
  • 使用 AngularJS 为 Windows 应用商店应用程序“无法添加动态内容”,但它可以工作

    我正在使用 AngularJS 创建一个 Windows 应用商店应用程序 或 Metro 应用程序 或无论他们如何称呼它 我解决了 Javascript 运行时错误 无法添加动态内容 该错误导致应用程序崩溃 请参阅here http on