小编Oam*_*Psy的帖子

我是 jQuery 的新手，所以如果这是一个简单的问题，请原谅我。

我正在尝试从 onClick 事件创建一个对话框，其中包括：

1) 下拉列表 2) 文本区域（高度可能为 300 像素） 3) 是/否按钮

我已经到了可以显示带有是/否按钮的对话框的阶段，但是我正在努力包含下拉列表和 textarea 字段。

当前代码：

function placeOrder() {

if ($('#dialogDiv').length == 0) {
    $('body').append("<div id='dialogDiv'><div/>");
}

var dialogDiv = $('#dialogDiv');

dialogDiv.attr("Title", "Are you sure you want to place this order.");
dialogDiv.html("Are you sure you want to place this order? Please select delivery option from the drop down and enter any special requirements in the text field.");

dialogDiv.dialog({
    modal : true,               
    buttons : [
            {
                text : "Yes", …

我有一个简单的ng-repeat来显示一大块数据.

用户可以通过在文本框中键入值来过滤数据.

在页面加载时,我正在为$ scope中的总项目执行.length.我想要尝试做的是当用户在文本框中输入一个值时,要将此.length更新为结果发现:

HTML:

<p>Original Results found: {{ items.length }}</p>

<p>Updated Results found: {{ i.length }}</p>

<br>

<div>
  <ul>
    <li ng-repeat="i in items | filter: searchText | limitTo: limit">{{ i.Title }}</li>
  </ul>
</div>

<br>


<input ng-model="searchText">
<button ng-click="performSearch(searchText)">Submit</button>

这是我的插件:http://plnkr.co/edit/B0gHuI3z8XUsTidXrl4V？p = preview

我有一个JSON包含大量数据的文件:

myData.JSON:

{
"Addresses": {
    "AddressList": [
        {
            "HouseNumber": 201,
            "Street": "Victoria Lane",
            "Postcode": "SW1 8ES"
        },
        {
            "HouseNumber": 10,
            "Street": "Allen Close",
            "Postcode": "NG2 3TD"
        },
        {
            "HouseNumber": 57,
            "Street": "Thomas Street",
            "Postcode": "DR12 6TE"
        },
        {
            "HouseNumber": 57,
            "Street": "Old Lister Street",
            "Postcode": "OL4 5TH"
        },
        {
            "HouseNumber": 45,
            "Street": "Milk Round Street",
            "Postcode": "MK6 4HG"
        },
        {
            "HouseNumber": 102,
            "Street": "Jersey Quarter Avenue",
            "Postcode": "DR12 6TE"
        },
        {
            "HouseNumber": 845,
            "Street": "MR HAPPY STREET",
            "Postcode": …

我有controller各种各样的$scopes.我需要在自定义过滤器中访问其中一个$ scope:

app.controller('AppController',
    function($scope) {
      $scope.var1 = 'Some data1';
      $scope.var2 = 'Some data2';
    }
  );

app.filter('myCustomFilter', function ($filter) {

  return function (date) {
    var date = date;
  };
});


<tr ng-repeat="data in MyData" ng-class="{true: 'green', false:'red'}[data.Date | myCustomFilter]">

</tr>

我怎样才能将$ scope.var1传递给我myCustomFilter？

我正在尝试用行的替代颜色编写简单的表.

这是非常直接的,已经达到了预期的结果,我面临的问题是当我有一个隐藏的行时,颜色模式会遇到问题.

这是我的小提琴:http://jsfiddle.net/oampz/2Wt49/

如您所见,当您单击"+"时,表格会展开并且行颜色会交替显示,但是当表格折叠时,颜色会出现问题.

这是我的HTML:

    <table id="bs-search-results" class="tbl tbl--highlight stripes half-mb">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Height</th>
            <th>Weight</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="ShowMe">+ 0000111</td>
            <td>0000111</td>
            <td>0000111</td>
            <td>0000111</td>
        </tr>
        <tr id="itsHidden" class="visuallyhidden">
            <td>0000222</td>
            <td>0000222</td>
            <td>0000222</td>
            <td>0000222</td>
        </tr>
        <tr>
            <td>0000333</td>
            <td>0000333</td>
            <td>0000333</td>
            <td>0000333</td>
        </tr>
        <tr>
            <td>0000444</td>
            <td>0000444</td>
            <td>0000444</td>
            <td>0000444</td>
        </tr>
    </tbody>
</table>

这是我的CSS:

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
th {
    min-width: 22px;
}
.stripes tbody > tr:nth-child(2n+2) {
    background: #f2f2f2;
}
.stripes li:nth-child(2n+2) {
    background: …

我有一个简单的水平菜单.我想要实现的是:

1)加载时,主菜单项具有背景颜色2)选择菜单项时,其背景颜色将突出显示

HTML:

<ul class="tabs">
    <li>
        <div class="home">Home</div>
    </li>
    <li>
        <div class="contact">How to Contact Us</div>
    </li>
    <li>
        <div class="products">About Our Products</div>
    </li>
</ul>

<div class="home-section">
    Welcome to Home
</div>

<div class="contact-section hide">
    Welcome to Contact Us
</div>

<div class="products-section hide">
    Welcome to Products
</div>

CSS:

.tabs ul {
    list-style: none;
}

.tabs li {  
    display: inline-block;
    width: 25%;
    height: 50px;   
    text-align: center;
    color: #B84DFF;
    cursor: pointer;
    border-style:solid;
    border-width:1px;
}

.hide {
    display: none;
}

jQuery的:

$('.home').on('click', function () {
    $(".home-section").show(); …

我有个$scope.myNumber,其可以是任何正或负的值(例如-212,-31,0,31或123),并且其通过我显示:

{{ myNumber }}

如何为此添加过滤器,以便删除-(减号)符号？

我正在努力提高ng-repeat的性能.我已将项目升级为使用库v1.3.0(主库和路径).

我想一旦这里使用绑定:不要嵌套在一个慵懒的一次NG重复绑定绑定内只有一次绑定？

但是,当我将::添加到我的ng-repeat时,列表未填充:

<li ng-repeat="info in Profile.ChangeInfo">                 
    <p> {[{info.Message}]} </p>
</li>

以上工作.

以下失败:

<li ng-repeat="info in ::Profile.ChangeInfo">                   
    <p> {[{::info.Message}]} </p>
</li>

我看到的错误是:

Error: [$parse:syntax] http://errors.angularjs.org/1.3.0-beta.9/$parse/syntax?p0=%3A&p1=not%20a%20primary%20expression&p2=1&p3=%3A%3AProfile.ChangeInfo&p4=%3A%3AProfile.ChangeInfo

更新 升级到测试版16,现在在IE8中看到此错误:

网页错误详情

用户代理:Mozilla/4.0(兼容; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; MS-RTC LM 8; InfoPath.3)时间戳:星期五,2014年8月15日12:01:03 UTC

Message: [$injector:modulerr] Failed to instantiate module ng due to:
Object doesn't support this property or method
http://errors.angularjs.org/1.3.0-beta.16/$injector/modulerr?p0=ng&p1=Object%20doesn't%20support%20this%20property%20or%20method
Line: 3982
Char: 7
Code: …

我正在尝试在值为null或空数组时执行ng-hide(在Firebug中,这显示为[]).

我可以通过以下方式执行null:

ng-hide="myData.Address == null"

但是,当我尝试:

ng-hide="myData.Address == null || myData.Address == []"

该值仍然出现.

我有一个Angular服务,它接收一个数字N(在1-12之间)并返回整数之和,最多为12 - N:

app.value('myNumberService', {
    calculateValue: function (n) {
        var empty = [];
        for(var i = 0; i < 12 - n; i++){
            empty.push(i);
        }
        return empty;
    }
});

我正在尝试编写一个非常基本的单元测试来检查服务是否已定义:

describe('app', function () {

    var app, service;

    beforeEach(function () {
        app = angular.mock.module('app')
    });

    beforeEach(inject(function($injector) {
        service = $injector.get('myNumberService');
    }));             

    describe('*Validating myNumberService service', function () {           
        describe("calculateValue", function(){
            it("should be defined.", function(){
                expect(service.calculateValue()).toBeDefined();
            });
        });
    });     
});

我收到此错误:

PhantomJS 1.9.8 (Windows 7) app *Validating myNumberService service …