小编TJ.*_*TJ.的帖子

如何在Angular 2中设置iframe src而不会导致`unsafe value`异常?

我是没有AngularJS经验的Angular 2的新手,并且正在编写一个涉及设置iframe src属性的教程:

<iframe width="100%" height="300" src="{{video.url}}"></iframe>
Run Code Online (Sandbox Code Playgroud)

这引发了一个异常:

Error: unsafe value used in a resource URL context
at DomSanitizationServiceImpl.sanitize...
Run Code Online (Sandbox Code Playgroud)

我已经尝试过使用绑定但iframe没有成功.我可能错过了一些东西,我很难找到解决方案.

angular

144
推荐指数
5
解决办法
14万
查看次数

使用严格时,为什么匿名函数中的"this"未定义?

在严格模式下使用javascript时,为什么这个匿名函数未定义?我理解为什么这可能有意义,但我找不到任何具体的答案.

例:

(function () {
    "use strict";

    this.foo = "bar"; // *this* is undefined, why?
}());
Run Code Online (Sandbox Code Playgroud)

小提琴测试:http://jsfiddle.net/Pyr5g/1/ 查看记录器(firebug).

javascript anonymous-function use-strict

81
推荐指数
3
解决办法
3万
查看次数

ImmutableJS Map()和fromJS()有什么区别?

var a = {address: {postcode: 5085}}

var b = Immutable.fromJS(a)
var c = b.setIn(['address', 'suburb'], 'broadview').toJS(); // no error
console.log(c); 

var d = Immutable.Map(a);
var e = d.setIn(['address', 'suburb'], 'broadview').toJS(); // error invalid keyPath(…)
Run Code Online (Sandbox Code Playgroud)

有人可以解释这个区别.

谢谢,

javascript immutable.js

39
推荐指数
2
解决办法
2万
查看次数

什么是基于HTML 5的移动开发的最佳框架?

基于HTML 5的移动开发的最佳框架是什么?

我评估了一些框架,如jQuery Mobile,Sencha Touch,但没有发现任何框架在移动版本中扩展其组件,就像在桌面版本上一样.

你有什么建议吗?

javascript mobile html5 sencha-touch jquery-mobile

31
推荐指数
2
解决办法
4万
查看次数

Jquery从下拉列表中获取SelectedText

我试图使用Jquery从下拉列表中获取所选文本.

<div>
    @Html.DropDownList("SelectedCountryId", Model.CountryList, "(Select one Country)")
</div>
Run Code Online (Sandbox Code Playgroud)

下面给出的是我正在使用的Jquery.但这不起作用.我试过了

var selectedText1 = $("#SelectedCountryId").val($(this).find(":selected").text()); 
Run Code Online (Sandbox Code Playgroud)

并返回[对象对象].但是如何阅读所选文字?

接下来我试过了

var selectedText2 = $("#SelectedCountryId:selected").text();
Run Code Online (Sandbox Code Playgroud)

然后它返回空.

我也试过了

var selectedText2 = $("#SelectedCountryId option:selected").text();
Run Code Online (Sandbox Code Playgroud)

这也是空的.

我可以使用返回selectedID

var selectedID = $("#SelectedCountryId").val();
Run Code Online (Sandbox Code Playgroud)

但为什么不选择文字呢?

我的Jquery在这里有什么问题吗?请帮忙

<script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#SelectedCountryId").change(function () {

                var selectedText1 = $("#SelectedCountryId").val($(this).find(":selected").text());
                var selectedText2 = $("#SelectedCountryId:selected").text();
                alert("You selected :" + selectedText1 + selectedText2 );


            });
Run Code Online (Sandbox Code Playgroud)

这是我下面的下拉列表的HTML

<select id="SelectedCountryId" name="SelectedCountryId"><option value="">(Select one Country)</option>
<option value="19">USA</option>
<option value="10">Germany</option>
<option value="12">Australia</option> </select>
Run Code Online (Sandbox Code Playgroud)

jquery asp.net-mvc-3

26
推荐指数
2
解决办法
12万
查看次数

是否有在HTML中嵌入JSON的标准?

我想在HTML中嵌入JSON.我发现的最优雅的解决方案是使用script-tag和mime媒体类型application/json.

<script id="data" type="application/json">
    {
        "foo" : "bar"
    }
</script> 
Run Code Online (Sandbox Code Playgroud)

这是嵌入JSON的标准方法吗?如果没有,上述解决方案是否有任何风险?

使用内联JSON(而不是JSON-P服务)的原因:

  • 少量的JSON数据
  • 减少HTTP请求
  • 对HTML属性中的数据进行inline-JSON的首选项

[更新]嵌入json的原因.

我有一个画廊小部件,用于流量非常高的网站.画廊可以包含100张或更多图像.我一次只显示一个图像,其余图像将延迟加载.但是,所有图像的信息(图像src)将在页面加载的html中呈现.有各种方法在html中呈现图像信息.而不是使用JSON我也可以使用html数据属性,如下所示:

<li class="image" data-src="image-path.jpg">
    <!-- image tag will be created here using javascript -->
</li>
Run Code Online (Sandbox Code Playgroud)

将导致:

<li class="image image-loaded" data-src="image-path.jpg">
    <img src="image-path.jpg" />
</li>
Run Code Online (Sandbox Code Playgroud)

上述解决方案的缺点是额外的标记.我宁愿使用JSON和JavaScript的模板引擎如doT.js.

html javascript json inline dot.js

17
推荐指数
3
解决办法
3万
查看次数

使用RaphaëlJS和SVG调整扇区路径的更优雅的方法是什么?

我第一次使用Raphaël只有很少的svg经验,我需要一个真正了解这两个人的人来帮助我.

我创建了一个包含动态扇区的饼图.可以通过拖动圆形按钮来调整扇区的大小.看到这个小提琴.我只在Chrome和Safari中测试过,这是唯一需要的浏览器.

饼图尚未完成.这些部门可以重叠.请暂时忽略这一点.

当扇区的起始角度大于结束角度时,我遇到了问题.当结束角度超过0/360°标记时就是这种情况.为了解决这个问题,我使用了path- rotation -parameter.我向后移动扇区,同时向后移动角度,直到结束角度为360.你可以在这个函数的小提琴中看到这个:

function sector_update(cx, cy, r, startAngle, endAngle, sec) {
    var x1 = cx + r * Math.cos(-startAngle * rad),
        x2 = cx + r * Math.cos(-endAngle * rad),
        y1 = cy + r * Math.sin(-startAngle * rad),
        y2 = cy + r * Math.sin(-endAngle * rad);


    var rotation = 0;

    // This is the part that I have the feeling could be improved.
    // Remove the entire if-clause and let …
Run Code Online (Sandbox Code Playgroud)

javascript svg trigonometry raphael

15
推荐指数
1
解决办法
1428
查看次数

RaphaelJS库找到路径的交叉点

我想用RaphaëlJS绘制圆形交点的形状.那里有图书馆吗?一个更通用的SVG路径库可能也会工作,但我的谷歌foo让我失望.

我想绘制这样的形状:

形状

javascript graphics svg raphael

12
推荐指数
1
解决办法
800
查看次数

如何为新注入的html附加jquery事件处理程序?

.on()如果还没有生成HTML,我将如何使用?jQuery页面说

如果将新HTML注入页面,请在将新HTML放入页面后选择元素并附加事件处理程序.

但我不确定该怎么做.有没有办法"重新加载"事件处理程序?

所以,如果我有

$(document).ready(function(){
    $('.test').on('click', function(){
        var id = $(this).attr('id');
        console.log("clicked" + id);
    });
generatePage();
});
Run Code Online (Sandbox Code Playgroud)

其中generatePage()创建了一堆div .test,我将如何重新绑定.on()

我知道有类似的问题已被问到,但是在快速搜索之后我找不到我想要的东西.

jquery event-handling

12
推荐指数
1
解决办法
6279
查看次数

如何在mac osx mamp上安装apc for php?

我正在运行一个带有mamp和mamp pro的mac.如何检查是否启用了APC,如果未启用或未安装APC如何安装?

我试图让APC上传加载程序在网上找到工作,当我上传时它会被困在NAN%上.

这是一个链接:http://www.haughin.com/2007/10/23/php-upload-progress-with-php-52-apc/

php mamp apc

11
推荐指数
3
解决办法
2万
查看次数