本教程演示了指令的使用,ngSrc
而不是src
:
<ul class="phones">
<li ng-repeat="phone in phones" class="thumbnail">
<img ng-src="{{phone.imageUrl}}">
</li>
</ul>
他们要求:
用普通的旧src属性替换ng-src指令。
使用Firebug或Chrome的Web检查器之类的工具,或检查Web服务器的访问日志,确认该应用确实确实对
/app/%7B%7Bphone.imageUrl%7D%7D (或 / app / {{phone .imageUrl}} )。
我这样做了,它给了我正确的结果:
<li class="thumbnail ng-scope" ng-repeat="phone in phones">
<img src="img/phones/motorola-xoom.0.jpg">
</li>
有什么原因吗?
<img ng-src="{{phone.imageUrl}}">
这会给您预期的结果,因为phone.imageUrl
在加载角度后会对其进行评估并替换为其值。
<img src="{{phone.imageUrl}}">
但与此同时,浏览器尝试加载名为的图像{{phone.imageUrl}}
,从而导致请求失败。您可以在浏览器的控制台中进行检查。
问题内容: 我想用变量更改ng-includes src。目前这就是我所拥有的。 这是控制器: 不幸的是,我无法使用ng-view,因为它已经被用来引导我进入此页面。是否可以进行类似的工作? 问题答案: 尝试如下: - - - - - - - - -要么 - - - - - - - - - - - 你可以这样 视图: 控制器:
问题内容: 我在iframe中使用ng-src时遇到问题。我需要这样做: 结果: 我知道问题是$ sce,它是XSS的保护,并且该链接需要添加到白名单中。因此,当我执行此操作时,它就起作用了。 我在控制器内部定义: 但是我不能那样做,因为我正在使用ng-repeat循环,所以链接是动态生成的。必须从数据库中读取它! 问题答案: 您可以改用过滤器: HTML: 其中,“ yourURL”是ifram
问题内容: 正如解释这里的angularjs指令NG- SRC是用来防止浏览器加载资源(如图像)车把得到解析之前。我当前正在使用以下代码: 使用以下JS: 正在从Web服务检索路径。由于此延迟,浏览器尝试加载,导致404。一旦检索到路径,浏览器就会发出正确的请求并加载图像。 在所有数据准备就绪之前,防止加载任何资源的首选方法是什么? 请参阅jsfiddle以获得说明我的情况的示例。 谢谢, 马丁
我想用开始我的项目 使用时: 当我使用时,它工作得很好 那么,和之间有什么区别
创建一个流,用于从文件系统读取 Vinyl 对象。 注:BOMs(字节顺序标记)在 UTF-8 中没有任何作用,除非使用 removeBOM 选项禁用,否则 src() 将从读取的 UTF-8 文件中删除BOMs。 用法 const { src, dest } = require('gulp'); function copy() { return src('input/*.js')
令人困惑的是,“background”也经常被用来简单地表示“Android:src使用的照片的‘背景颜色’”。 说我有。 我将更改SetColorFilter。 但是背景只是一个普通的按钮背景,实际上带有一些透明度等等。 所以我想不影响背景;我只会为不同的按钮改变“大点的颜色”。 请注意:(一)由于setColorFilter的微妙之处,从测试中很难确定;(二)我在doco中真的找不到这一点(对