小编Jay*_*Jay的帖子

例如,我有10个<div>,我想<div>在下一个按钮上显示每个按钮,然后在上一个按钮点击上显示<div>.如何使用jQuery做到这一点？

我想分享一个问题,这个问题大部分时间都是在采访中提出来的,我无法回答这个问题,但最后我找到了答案:

如何在不使用第三个变量的情况下交换2个变量值？

如何在下面的案例中获得Service的响应？

服务:

app.factory('ajaxService', function($http) {
    updateTodoDetail: function(postDetail){
        $http({
            method: "POST",
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            url: post_url,
            data: $.param({detail: postDetail})
        })
        .success(function(response){
            //return response;
        });
    }
})

控制器:

updated_details = 'xyz';
ajaxService.updateTodoDetail(updated_details);

在上面这种情况下,我通过控制器POST数据,它工作正常,但现在我希望响应进入我的控制器.

如何实现？

我有JSON数组,如:

var data = [
{
  "name": "Jim",
  "age" : 25
},
{
  "name": "Jerry",
  "age": 27
}
];

在HTML中:

<ul>
  <li ng-repeat="val in data | filter:{age: age}:true">{{val.name}}</li>
</ul>

上面的代码工作正常,因为我想要输出,但我不想使用ng-repeat它创建循环,然后我过滤.

有没有其他方法,我可以直接从数组中选择数据age = age？

如何select使用选项组给样式ng-options？

HTML:

<select ng-model="filteredBy" ng-options="obj_data.value as obj_data.title group by obj_data.group for obj_data in data"></select>

JS:

  $scope.filteredBy = 'true';
    $scope.data = [{
      "group": "byStatus",
      "title": "ACTIVE",
      "value": "false"
    }, {
      "group": "byStatus",
      "title": "COMPLETED",
      "value": "true"
    }, {
      "group": "byColor",
      "title": "Blue",
      "value": "#27a9e3"
    }, {
      "group": "byColor",
      "title": "Green",
      "value": "#28b779"
    }];

在上面的例子中,我想给颜色设置样式(蓝色和绿色).

如何使用ng-options`做到这一点？

DEMO PLUNKR

如何验证不同的复选框ng-model？

例如:

我的HTML看起来像:

<form name="myFrm">
  <ul>
      <li><input type="checkbox" ng-model="sunday" />Sunday</li>
      <li><input type="checkbox" ng-model="monday" />Monday</li>
      <li><input type="checkbox" ng-model="tuesday" />Tuesday</li>
      <li><input type="checkbox" ng-model="wednesday" />Wednesday</li>
      <li><input type="checkbox" ng-model="thursday" />Thursday</li>
      <li><input type="checkbox" ng-model="friday" />Friday</li>
      <li><input type="checkbox" ng-model="saturday" />Saturday</li>
  </ul>

  <p ng-if="myFrm.$invalid">Atleast one day should be selected</p>
</form>

从上面的代码,我想检查至少1复选框应该被选中或给出错误信息.

我试过搜索,但我发现其中的解决方案有相同的ng-model,但我ng-model对每个复选框都有所不同.

怎么做？？

DEMO JS FIDDLE

我试图只有uid在JSON数组中存在时才显示元素:

到目前为止我已经尝试过了:

var app = agular.module('myApp', []);
app.controller('myCtrl', function () {
    $scope.uid = '10';
    $scope.datas = [{
        'id': '1',
        'name': 'abc'
    }, {
        'id': '2',
        'name': 'xyz'
    }];
});



<p ng-if="datas.length | filter:{id: uid}">ID exist in array</p>

DEMO FIDDLE

我有大约10个div具有相同类名的元素,例如

<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div> <!-- and so on.... -->

我想给的编号给每个div如

<div class="div1">1</div>
<div class="div1">2</div>
<div class="div1">3</div>
<div class="div1">4</div>
<div class="div1">5</div>

帮助赞赏.