AngularJs 与 iframe

2023-12-04

Why 这个jsfiddle不管用?我无法获得价值videoId。如果我删除ngRoute从模块然后它工作正常。


你需要使用ng-src像这样:

<div ng-controller="AppController">
    <h1>{{videoID}}</h1>
    <iframe class="youtube-player" type="text/html" width="auto"
    height="auto" ng-src="{{videoID}}"
    allowfullscreen="" frameborder="0"> </iframe>
</div>

and

var app = angular.module('my-app', []);
app.controller('AppController', function ($scope, $sce) {  
    $scope.videoID = $sce.trustAsResourceUrl('http://www.youtube.com/embed/C0DPdy98e4c');
});

See 本文档.

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

AngularJs 与 iframe 的相关文章

  • 为什么“dtoa.c”包含这么多代码?

    我将是第一个承认我对低级编程的整体知识有点稀疏的人 我理解许多核心概念 但我不经常使用它们 话虽这么说 我对需要多少代码感到非常惊讶dtoa c http www netlib org fp dtoa c 在过去的几个月里 我一直致力于用
  • WebDriver:更改事件未触发

    我有一个使用 KnockoutJS 的应用程序 我正在尝试编写一些测试表单的测试 如果您不了解 KnockoutJS 简单来说 它提供了从我的视图到我的数据模型的绑定 这意味着当我在输入字段中键入值时 我的基础对象会自动使用该输入字段值进行
  • History.replaceState 仍然向“浏览历史记录”添加条目

    具体来说 调用以下代码片段 history replaceState undefined undefined value 正确地不会影响当前页面的后退按钮行为 但是will在 浏览历史记录 页面添加一个条目 这是我不想要的 下图是 Chro
  • 通过隔离范围进行 AngularJS 基于事件的通信

    在 AngularJS 中 一个指令如何使用基于事件的通信 emit broadcast and on 与另一个具有隔离范围的指令进行通信 我创建了两个指令 当从第二个指令中删除隔离范围时 第一个指令能够使用emit 与第二个指令成功通信
  • NodeJS 无法加载 css 文件

    所以我正在尝试制作一个 NodeJS 服务器 并且我尝试保留尽可能少的附加组件 但是 我遇到了一个问题 我似乎无法加载任何内容CSS我调用的文件HTML文件 该调用似乎确实由服务器处理 但它不会显示在浏览器中 My 网络服务器 js fil
  • Angular-Datatables + Angular-xeditable:取消可编辑行

    当组合 Angular DataTables 和 Angular XEditable 时 添加新行时会取消可编辑行 这是jsfiddle https jsfiddle net faj61h5d 10 示例操作如下 1 这是初始状态 2 将第
  • 转换 SVG 过滤器

    我正在尝试创建一个像 SVG 圆圈上的阴影这样的材质设计 我希望当您单击圆圈时 这个阴影能够以良好的过渡来增长 但目前我正在努力弄清楚是否可以为这种过渡设置动画 所以我希望有人能够提供帮助 我添加了一个到目前为止所得到的小例子 一个带有阴影
  • 根据用户是否经过身份验证隐藏或显示链接 - AngularJs

    我目前正在研究一个AngularJS应用程序中 我遇到了以下障碍 我们有一个login当用户提交页面时 我们调用 Web api 并对用户进行身份验证 我们目前正在使用声明身份验证来设置 cookie 等 这些内容按预期工作 但是我遇到的问
  • 用于导出到 CSV/Excel 的数据 URI(无服务器端请求):浏览器支持/限制?

    以下问题 Javascript 或 Flash 导出至 CSV Excel https stackoverflow com questions 8150516 javascript or flash export to csv excel
  • 对数字和字母元素的数组进行排序(自然排序)

    假设我有一个数组 var arr 1 5 ahsldk 10 55 3 2 7 8 1 2 75 abc huds 我尝试对其进行排序 我得到了类似的东西 1 1 10 2 2 3 5 55 7 75 8 abc ahsldk huds 注
  • 在IOS中,引导模式中的iframe无法滚动

    我在引导程序模态体内有一个 iframe div class modal fade div class modal dialog div class modal content div class modal header div div
  • 页面不会居中对齐

    我遇到了 CSS 问题 http www luukratief design nl dump parallax index html http www luukratief design nl dump parallax index htm
  • chrome 扩展 - 将数据从后台传递到自定义 html 页面

    创建浏览器扩展 我必须从 background js 打开新选项卡并将 JSON 数据传递到这个新选项卡 在新选项卡中 我使用传递的 JSON 数据来操作 渲染 DOM 下面是我的 background js 的一部分 我在其中使用自定义
  • Google 地图 v3 中标准缩放控件的样式

    有没有一种简单的方法可以在 Google Maps JavaScript API v3 中设置缩放控件的样式 我想要的只是改变标准图像 http maps gstatic com intl en ALL mapfiles mapcontro
  • 优化正则表达式以过滤数千个 HTML 选择选项

    背景 我开发了一个基于 jQuery 的穿梭小部件 https stackoverflow com a 13557000 59087对于 HTMLselect元素 因为我找不到一个经过最低限度编码并提供正则表达式过滤器来补偿的元素变音符号
  • 如何在 JavaScript 中设置/更新 String 对象的值

    我有一个具有一些属性的对象字符串对象 var obj foo new String bar 我在用字符串对象因为我需要在对象上存储额外的子属性 同时仍然能够获取字符串值 obj foo baz baz obj foo gt bar 我觉得问
  • 使用 dnode 从服务器向客户端发送消息

    几个月前 我发现了 nowjs 和 dnode 并最终使用了 nowjs 并且https github com Flotype nowclient https github com Flotype nowclient 用于客户端 服务器双向
  • 响应式菜单:悬停子菜单显示错误

    简而言之 我根据教程创建了一个响应式菜单 当您将鼠标悬停在投资组合按钮上时 菜单应该显示子菜单 而在移动模式下 您需要按该按钮才能显示子菜单 效果很好 问题是该教程有一个错误 如果您在桌面模式下按组合按钮 子菜单将不会再次显示 除非您按 单
  • 地址更改时如何停止 Angular 重新加载

    我正在使用 Angular 的scrollTo and anchorScroll像这样 app controller TestCtrl function scope location anchorScroll scope scrollTo
  • jQuery fadeOut 一个 div,fadeIn 另一个 div 在其位置

    我正在尝试一个简单的 jQuery 脚本来淡出一个 div 并淡入另一个 div 但由于某种原因 第一个 div 永远不会淡出 这可能是代码的一个明显问题 但我似乎无法弄清楚 div div div div

随机推荐

  • Dropbox Sync API Android - 更新缓存文件

    我在更新 Android 应用程序中现有的缓存文件时遇到麻烦 for DbxFileInfo fInfo fileList Log d TAG File Path fInfo path toString String fileName fI
  • toLocaleDateString() - 挪威语问题

    我在正确设置区域设置日期字符串格式时遇到问题 它突然停止为挪威语工作 我尝试过 不 不 和 nb 不 关于可能导致这种情况的原因有什么想法吗 我被困住了 Example console log new Date toLocaleDateSt
  • 用数组索引多维数组

    我有一个多维 NumPy 数组 In 1 m np arange 1 26 reshape 5 5 In 2 m Out 2 array 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
  • 固定小数精度[重复]

    这个问题在这里已经有答案了 我目前正在使用 std cout precision 5 设置我的输出的小数精度 然而 我宁愿拥有我的 输出总是输出 5 位小数 现在不会显示 0 我将如何更改我的代码以反映这一点 您正在寻找std fixed和
  • Magick++ 链接错误

    我这里有一个使用 Magick ImageMagick 接口 库的简单图像转换器代码 Eclipse IDE include
  • Tableau - 公用表表达式 (CTE) SQL Server

    我正在将 Tableau 与 SQL Server 连接 并尝试使用 T SQL 查询 我只是想知道 Tableau 是否支持 CTE 通用表表达式 我看到这篇文章 它说 CTE 是可能的 http kb tableau com artic
  • 如何使 Doctrine_Expression ( Doctrine 1.2 ) 尝试获取最后 7 天

    我尝试用原则 1 2 进行这个查询 q gt where date gt new Doctrine Expression DATE SUB CURDATE INTERVAL 7 DAY 但它没有给我返回任何结果 任何想法 thanks 它不
  • 如何从字符串中提取浮点数[重复]

    这个问题在这里已经有答案了 我有很多类似的字符串Current Level 13 4 db 我想只提取浮点数 我说的是浮动而不是十进制 因为它有时是整数 RegEx 可以做到这一点还是有更好的方法 如果您的浮点数始终以十进制表示法表示 例如
  • 在 PyQt 中嵌入“图形类型”Seaborn 图(pyqtgraph)

    我正在使用 PyQt 的包装器 pyqtgraph 构建 GUI 应用程序 我希望嵌入一个Seaborn使用其中的绘图MatplotlibWidget 但是 我的问题是 Seaborn 包装方法 例如FacetGrid不接受外部图形句柄 此
  • 正则表达式匹配数字逗号数字

    这就是我现在所拥有的 0 9 0 9 我的问题是我希望能够在逗号前后添加多于一位的数字 例子 1 12 12 12 123 12 12 123 以上所有数字均应有效 我建议如下 d d The 与前一项匹配一次或多次 参考 JavaScri
  • MVC 不应该默认忽略图像吗?

    如果有1 jpg图像 因此它被下载并显示 img src Content Pages 1 jpg 但是 如果没有1 jpg图像在Pages文件夹 所以我收到以下错误 The controller for path Content Pages
  • docker 在主机上安装卷

    我已经成功地能够使用以下命令在具有卷的 docker 容器之间共享文件夹 docker run v host path container path 但我的问题是这和使用有什么区别VOLUMEDockerfile 中的命令 VOLUME p
  • 如何区分 Excel 中两个字符串之间的差异?

    我创建了一份评估 供申请人在 Excel 中填写 我有一把钥匙 我可以在其中复制他们的答案 它会告诉我他们的答案是否与我的钥匙匹配 我想添加一个公式 该公式还可以显示申请人的单元格 B2 和密钥的单元格 A2 之间的差异 以便更容易地看到他
  • 我想在 ajaxToolkit:AjaxFileUpload 开始上传时显示一条消息,有没有办法做到这一点

    我想在 ajaxToolkit AjaxFileUpload 开始上传时收到一条消息 有没有办法做到这一点 默认情况下AjaxFileUpload没有这样的事件 但由于 AjaxControlToolkit 是一个开源库 您可以自己添加它
  • 函数绑定和 clone() 函数 - Jquery

    克隆元素时 我的 keyup 绑定出现问题 这是场景 我有一个像这样的 html 标记 tr class rijbasis td td tr
  • 如何在iphone中进行json解析

    我在我的应用程序中使用 json 解析 这是我的 json 数据如下 回复 成功 错误 错误 code 7 description 您尚未登录 我想要描述的意思是 你还没有登录 我的字符串 那我该怎么做 请帮我 查看博客文章 其中包含示例代
  • 如何将变量的值用作常量?

    我有一个 PHP 网站 它使用基于 定义 方法的语言系统 例如 define question 1 How old are you define question 2 Question 2 define question 3 Questio
  • 如何将单个实体与多个表映射

    我想从两个具有单个实体类的表中获取数据 如何 public class HomeViewModel Key Column candidate ID public int candidateID get set Column first na
  • mysql用户权限影响性能吗?

    我开始对我公司接管的基于网络的系统进行维护 它相当大 至少对于我们的标准而言 系统的设计者创建了一个包含两个用户的数据库 其中一个用户只拥有SELECT特权 另一个也有UPDATE DELETE and INSERT特权 我想知道他们为什么
  • AngularJs 与 iframe

    Why 这个jsfiddle不管用 我无法获得价值videoId 如果我删除ngRoute从模块然后它工作正常 你需要使用ng src像这样 div h1 videoID h1 div and var app angular module