小编Kla*_*r_1的帖子

Angular.js中的搜索过滤器,

我是这个框架的新手,因此练习Angularjs并遵循网站上提供的教程.

有一个例子我们可以搜索表中的数据,例子如下,

<!DOCTYPE html>
<html ng-app="SmartPhoneApp">
<head>
    <title>Smart phone Angular</title>      
    <script type="text/javascript" src="D:/Rahul Shivsharan/Installers/AngularJS/angular.js"></script>
    <script type="text/javascript">
        var smartPhoneApp = angular.module("SmartPhoneApp",[]);

        smartPhoneApp.controller("phoneCtrl",function($scope){
            $scope.phones = [
                {
                    "modelName" : "LUMIA 520",
                    "companyName" : "NOKIA"
                },
                {
                    "modelName" : "GALAXY S Series",
                    "companyName" : "SAMSUNG"
                },
                {
                    "modelName" : "CANVAS",
                    "companyName" : "MICROMAX"
                },
                {
                    "modelName" : "OPTIMUS",
                    "companyName" : "LG"                        
                }
            ];

        });
    </script>   
</head>
<body>  
    Search by Model Name : <input ng-model="comp.modelName" />  
    Search by Company : <input ng-model="comp.companyName" />   
    <div …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs single-page-application

10
推荐指数
1
解决办法
9万
查看次数

Firefox扩展中的jQuery

我想在Firefox扩展中包含jQuery.

我添加以下代码行来导入jQuery文件:

Components.utils.import("resource://js/jquery.js", window.content.document);
Run Code Online (Sandbox Code Playgroud)

Firefox导入后立即运行该文件.jQuery文件看起来像这样,带有匿名闭包:

 (function( window, undefined ) {
        ...bunch of code....
       _jQuery = window.jQuery,
 })(window);
Run Code Online (Sandbox Code Playgroud)

当扩展程序运行时,会出现错误"未定义窗口".有什么方法可以让jQuery访问窗口?

javascript jquery firefox-addon

9
推荐指数
1
解决办法
1234
查看次数

Chrome -webkit-clip-path和大纲bug

我在Chrome(30.0.1599.69)中发现了相当奇怪的行为,-webkit-clip-path并想知道它是否是一个bug.

当元素将剪辑路径设置为矩形,然后页面上的某些内容变为ouline(例如,由于焦点)时,剪辑路径将垂直移动.移除轮廓后,剪辑路径不会占用先前的位置.

一个重现它的页面.

初始状态:

一切都好

有些东西得到了大纲:

错误清晰可见

然后没有大纲:

在此输入图像描述

注意:由于进一步的轮廓更改不会影响裁剪,因此可以通过应用已知高度的轮廓然后使用offseting clip-path来"修复"此问题,从而有利于"修复"此问题.

更新:

Chromium bugtracker中的一个问题.

我发现rectangle()支持已被删除,但不确定从哪个版本(iOS仍然有它?).polygon()版本在Canary工作正常(2014年4月17日).

css google-chrome clip

8
推荐指数
1
解决办法
1316
查看次数

乘以100后的值错误

当此值1212.3456789123乘以100时,jQuery显示12.123456789123003而不是12.123456789123.

码:

<p class="price">12.123456789123</p>
<button>Calculate</button>

$(':button').click(function () {
    $('p.price').text(function (i, v) {
        return v * 100;
    });
    this.disabled = true;
});
Run Code Online (Sandbox Code Playgroud)

javascript

8
推荐指数
2
解决办法
693
查看次数

babel/6to5 - 导出模块时重复的代码

我正在使用Babel将ES6转换为ES5并且效果很好.唯一的问题是,一旦转换成每个模块重复这些行:

var _get = function get(object, property, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc && desc.writable) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _inherits = function (subClass, superClass) { if (typeof superClass !== "function" …
Run Code Online (Sandbox Code Playgroud)

amd ecmascript-harmony ecmascript-6 gulp babeljs

7
推荐指数
1
解决办法
1509
查看次数

如何与ng-switch中的全局变量进行比较

我正在使用AngularJS $rootScope对象来公开一些需要控制器和视图都可访问的全局常量:

var app = angular.module('myApp', []);

app.run(function ($rootScope) {
    $rootScope.myConstant = 2;
});
Run Code Online (Sandbox Code Playgroud)

当我尝试在视图中呈现全局值时,它可以正常工作:

{{myConstant}}
Run Code Online (Sandbox Code Playgroud)

同样,如果我在ng-if条件中引用全局值,它也可以工作:

<span ng-if="someValue == myConstant">Conditional content</span>.
Run Code Online (Sandbox Code Playgroud)

但是,当尝试在ng-switch块中使用相同的值进行比较时,它永远不会计算为true.这个JSFiddle演示了我尝试让它工作的尝试.我也尝试显式引用常量值作为$rootScope表达式的成员和表达式(在双花括号内)但没有任何作用.

我有什么想法我做错了吗?

谢谢,

蒂姆

javascript angularjs ng-switch rootscope

6
推荐指数
2
解决办法
3647
查看次数

在交换机外的javascript(标签:东西)中使用标签有什么意义?

在交换机外的javascript(标签:东西)中使用标签有什么意义?

javascript

5
推荐指数
1
解决办法
201
查看次数

jQuery如何在从DOM中删除浮动跨度后为其设置动画?

假设我有4个<span/>(或div,无论如何)

[1] [2] [3] [4]

每个容器都有一个输入,导致它的容器被从DOM中移除.

如果我单击容器[2]中的输入,它将被移除,容器[3]和[4]不会向左移动:

[1] [3] [4]

我想知道如何动画这个过程 - 慢一点?

javascript jquery

4
推荐指数
1
解决办法
449
查看次数

我需要一个更好的jQuery选择器来减少children()调用

目前我正在使用 $('table').children('tfoot').children('tr').children('td');

获得tfoot中唯一的td.

我不喜欢使用.children()3次,

有没有更好的办法?


编辑
轻微校正选择器实际上是

var table = this;
$(table).children('tfoot').children('tr').children('td');
Run Code Online (Sandbox Code Playgroud)

因为这是一个jquery插件.

javascript jquery jquery-selectors

4
推荐指数
1
解决办法
207
查看次数

使用Twitter Bootstrap的两个50%列

如何使用Twitter Bootstrap 3创建2列50%的列?我尝试过的:

<div class="container">
<!-- Footer -->
  <div class="footer">
    <div class="footer-info">
      <div class="row">
        <div class="col-lg-6"><h3>Contact Us</h3></div>
        <div class="col-lg-6"><h3>Products & Services</h3></div>
    </div>      
    </div>
  </div>
</div>    
<!-- End Footer -->
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

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