绑定NG-型号名称和内部NG单击angularjs NG-重复 [英] Bind ng-model name and ng-click inside ng-repeat in angularjs

问题描述

我需要知道命名为NG-模式和惯例NG点击。而且还需要知道如何使用每个型号名称和NG-点击功能在控制器中。我给了一个样本code至告诉你我究竟需要知道的。

I need to know naming convention for the ng-model and ng-click inside the ng-repeat. And also need to know how to use each model name and ng-click function in the controller. I have given a sample code to show you what I exactly need know.

<input name="" type="button" ng-click="incrementRoomCount()">
<div ng-repeat="student in studentList">
 <div>Room <span>{{student.studentCount}}</span></div>
 <div>
     <input name="" type="button" ng-click="removeStudent()">
     <input name="adult" type="text" ng-model="noOfStudents">
     <input name="" type="button" class="roomPopupPlusBtn" ng-click="addStudent()">
 </div>
 <div ng-repeat="studentAge in studentList">
    <div ng-show="studentAgeWrapper">
     <select name="age">
      <option ng-repeat="studentAge in ['20','21','22','23','24','25']">{{studentAge}</option>                   
     </select>              
     </div>
    </div>
</div>

感谢

推荐答案

下面的小提琴演示了如何在重复项目时调用的函数。你也可以只传递一个ID，删除功能。

---

The following fiddle demonstrates how to call functions when repeating over items. You could also just pass in an id to the remove function.

<input value="Remove From Room" type="button" ng-click="removeStudent(student)"/>
        </div>

$scope.removeStudent = function(student) {
angular.forEach($scope.studentList, function(checkStudent, index) {
    if (checkStudent.id === student.id) {
        $scope.studentList.splice(index,1);    
    }
});

};

http://jsfiddle.net/houston88/ab23r/1/

这篇关于绑定NG-型号名称和内部NG单击angularjs NG-重复的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！