如何使用ng-if获取div下拉项目的div?

时间:2017-04-26 14:48:12

标签: javascript angularjs

我有一个场景,因为我有自定义下拉列表,例如drop包含资格列表,第一项是资格,所以当我选择资格时,我会得到一个问题,例如你的资格是什么?

所以这是我的要求。当我再次点击该问题时,我需要根据ng-if条件打开一个div,以及当我选择区域时如何为绑定的问题提供ng-click

HTML:

<ul class="select">
    <li ng-click="selfprofileCtrlAs.edit()">Area</li>
    <li ng-repeat="aa in areas" ng-click="IdFunc(Id,Name)">{{aa.Name}}</li>
</ul>

JS:

$scope.areas=[
  {
    Id:1,
    Name:ss
  },
  {
    Id:2,
    Name:pp
  },
  {
    Id:3,
    Name:kk
  },
  {
    Id:4,
    Name:dd
  }
]  

1 个答案:

答案 0 :(得分:2)

这一行错了:

<li ng-repeat="aa in areas" ng-click="IdFunc(Id,Name)">{{aa.Name}}</li>

相反,你可以通过以下syhntax传递当前对象抛出函数:

<li ng-repeat="aa in areas" ng-click="IdFunc(aa)">{{aa.Name}}</li>

所以,在IdFunc()

$scope.IdFunc = function(area) {
    console.log(area); /* Access the clicked area */   
}