ngRepeatのテキスト入力からアイテム番号を取得するにはどうすればよいですか？

マイHTMLngRepeatのテキスト入力からアイテム番号を取得するにはどうすればよいですか？

<body ng-app="myApp" ng-controller="myCTRL"> 
    <form class="my-form" ng-repeat="item in items" novalidate> 
    <h4>{{item.number}}</h4> 
    <input type="text" ng-model="item.hed"><br> 
    <input type="text" ng-model="item.subhed"> 
    </form> 
</body>

私のJS：私はinputタグに何かを入力すると

var app= angular.module("myApp",[]); 
app.controller("myCTRL",function($scope,$http){ 
    $scope.items= [ 
    { 
     number: chartNumber, 
     hed: '', 
     subhed: '' 
    } 
    ]; 
});

、私はitem.number値をconsole.log()たい。 AngularJS v1.6.1でどうすればいいですか？

出典

2016-12-25 Username

*私は 'input'タグに何かを入力すると、私は'にconsole.log（） '' item.number'大切にしたい。*何?? ？ –

使用NG-変更指示が入力値の変化を検出する

<body ng-app="myApp" ng-controller="myCTRL"> 
     <form class="my-form" ng-repeat="item in items" novalidate> 
     <h4>{{item.number}}</h4> 
     <input type="text" ng-model="item.hed" ng-change="inputChange(item)"><br> 
     <input type="text" ng-model="item.subhed" ng-change="inputChange(item)"> 
     </form> 
    </body>

J S

var app= angular.module("myApp",[]); 
app.controller("myCTRL",function($scope,$http){ 
    $scope.items= [ 
    { 
     number: chartNumber, 
     hed: '', 
     subhed: '' 
    } 
    ]; 
    $scope.inputChange = function(item) { 
    console.log(item.number); 
    } 
});

出典

2016-12-25 20:48:55

希望はこのことができます：

あなたのビュー：

<input type="text" ng-model="item.hed" ng-keyup="$parent.inputHandler(item)">

あなたのコントローラ：

app.controller("myCTRL",function($scope,$http){ 
    $scope.items= [ 
    { 
     number: chartNumber, 
     hed: '', 
     subhed: '' 
    } 
    ]; 

    $scope.inputHandler = function(item){ 
     console.log(item.number); 
    } 

});

出典

2016-12-25 20:48:49 Blauharley

angular.module("myApp",[]) 
 
.controller("myCTRL",function($scope){ 
 
    $scope.items= [ 
 
    { 
 
     number: 1, 
 
     hed: '', 
 
     subhed: '' 
 
    }, 
 
    { 
 
     number: 2, 
 
     hed: '', 
 
     subhed: '' 
 
    } 
 
    ]; 
 
    $scope.log = function(num) { 
 
    console.log(num); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCTRL"> 
 
    <form class="my-form" ng-repeat="item in items" novalidate> 
 
    <h4>{{item.number}}</h4> 
 
    <input type="text" ng-model="item.hed", ng-keypress="log(item.number)"><br> 
 
    <input type="text" ng-model="item.subhed", ng-keypress="log(item.number)"> 
 
    </form> 
 
</div>

出典

2016-12-25 20:54:08

ngRepeatのテキスト入力からアイテム番号を取得するにはどうすればよいですか？

答えて

関連する問題