Dynamisch DOM zu schaffen, in AngularJS

Bitte beachten Sie den Code unten -Dynamisch DOM zu schaffen, in 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>

Abfrage 1: Hier, ich habe hart in 5 ng-repeat Abschnitt codiert übergeben. Stattdessen möchte ich den Wert des Dropdowns übergeben, den der Benutzer auswählen wird. Ist es in angularjs möglich?

Frage 2: In diesen Eingabefeldern möchte ich einen separaten ng-Modellnamen angeben. z.B. erster Vorname ng-Modell wäre firstname1. 2. Zeile ng-Modell wäre firstname2. Wenn es möglich ist, dann kann ich diese Modelle direkt auf meine Oracle-Datenbankspalten abbilden. Aber ich bekomme keinen Weg, diese Situation zu lösen. Ist es in eckigen js möglich?

Quelle

2017-05-20 pradipta gure

Wollen Sie so etwas?

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>

Quelle

2017-05-20 10:01:53 Jenny

Ja. Ich brauche so etwas. Einzige Sache, die ich hier ändern möchte, ist die letzte Zeile - {{NameDetail}} .... In dieser Zeile siehst du das ganze Objekt .... Sagen wir, ich möchte nur den Wert von Vorname von erster und zweite Reihe? Wie geht das? –

Sie haben "NameDetail [n] .firstname" in ng-Modell verwendet ... Aber n wird hier nicht ersetzt ... Was ich will ist, wenn ich das - {{NameDetail1.firstname}} ausführe, gibt es das Textbox der ersten Zeile. Wenn ich das ausführe - {{NameDetail2.Firstname}} - sollte es den Wert des Textfeldes der zweiten Zeile Vorname geben. Ich sehe keine Verwendung von 'n' im Modellnamen. Bitte lassen Sie mich wissen, wenn Sie mit meiner Anfrage nicht klar sind. –

eigentlich bin ich nicht klar mit Ihrer Abfrage und ja wir können nicht dynamischen modalen Namen wie NameDetail1.FirstName verwenden, um Werte zu speichern. – Jenny

Dynamisch DOM zu schaffen, in AngularJS

Antwort

Verwandte Themen