は動的angularjs

で、DOMを作成し、以下のコードを参照してください -は動的angularjs

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 

<body ng-app="myApp" ng-controller="myCtrl"> 
<select ng-model="selectedName" ng-options="x for x in names"></select> 
<div ng-repeat="n in [].constructor(5) track by $index"> 
    <input type="text" name="firstname" ng-model="n.firstname"> 
    <input type="text" name="lastname" ng-model="n.lastname"> 
</div> 
<script> 
var app = angular.module("myApp", []); 
app.controller("myCtrl", function($scope) { 
    $scope.names = [0,1,2,3,4,5]; 
}); 
</script> 

</body> 
</html>

クエリ1：ここでは、私はハード渡されたNG-繰り返しセクションで5をコード化しています。その代わりに、ユーザーが選択するドロップダウンの値を渡したいと思います。 angularjsで可能ですか？

クエリ2：これらの入力ボックスには、別のモデル名を入力します。例えば。最初のfirstname ng-modelはfirstname1になります。 2行目ng-modelはfirstname2になります。可能であれば、これらのモデルをOracleデータベースの列に直接マップできます。しかし、私はこれらの状況を解決する方法を得ていません。角度jsで可能ですか？

出典

2017-05-20 pradipta gure

このようなものが欲しいですか？

var app = angular.module("myApp", []); 
 
app.controller("myCtrl", function($scope) { 
 
    $scope.names = [0,1,2,3,4,5]; 
 
    $scope.selectedName = 0; 
 
    $scope.NameDetail = []; 
 
});

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
<select ng-model="selectedName" ng-options="x for x in names"></select> 
 
<div ng-repeat="n in names | limitTo : selectedName track by $index"> 
 
    <input type="text" name="firstname" ng-model="NameDetail[n].firstname"> 
 
    <input type="text" name="lastname" ng-model="NameDetail[n].lastname">  
 
</div> 
 
{{NameDetail}} 
 
</body> 
 
</html>

出典

2017-05-20 10:01:53 Jenny

はい。私はこれのようなものが必要です。ここで変更したいのは、最後の行です - {{NameDetail}} ....この行では、オブジェクト全体を表示しています。最初のfirstnameの値だけを表示したいとしましょう2行目？どうやってするか？ –

あなたはng-modelで "NameDetail [n] .firstname"を使っています...しかしnはここでは置き換えられません...私が望むのは、これを実行すると{{NameDetail1.firstname}}、最初の行のテキストボックス値。 {{NameDetail2.firstname}}を実行すると、2行目のfirstnameテキストボックス値の値が返されます。私はモデル名に 'n'を使用することは何も見ていない。あなたが私の質問ではっきりしない場合は、私に知らせてください。 –

実際に私はあなたのクエリではっきりしていないとはい、我々は値を格納するためにNameDetail1.FirstNameのような動的なモーダル名を使用することはできません。 – Jenny

答えて

関連する問題