Wie kann ich den Standardwert in das Eingabetextfeld setzen

-2

Ich habe den folgenden Code. Ich möchte den Skriptvariablen, die ursprünglich in dem Feld angezeigt wurden, den Standardwert zugewiesen haben. Später muss sich der Wert entsprechend der Benutzereingabe in dem Textfeld ändern.Wie kann ich den Standardwert in das Eingabetextfeld setzen

<!DOCTYPE html> 
    <html> 
    <head> 
     <meta charset="UTF-8"> 
     <title> Hello app </title> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script> 
    </head> 
    <body> 
    <div ng-app="testapp"> 
     <p> Enter your name: <input type="text" ng-model="name"></p> 
     <p> Enter your age here: <input type="text" ng-model="age"> </p> 
     <ol> 
      <li> My Name is {{ name }} </li> 
      <li>I am {{ age}} years old </li> 
     </ol> 

     <script> 
     var app = angular.module("testapp",[]); 
     app.controller=("test", function($scope){ 
     $scope.age = "20" 
     $scope.name = "zigo" 
     }); 
     </script> 
    </div> 
    </body> 
    </html>

I "20" will und "zigo" zunächst im Textfeld angezeigt werden. Wie kann ich meinen Code ändern?

Quelle

2017-09-20 NSP

Ich denke, man fir Winkel js suchen nicht eckig –

Sie vermissen ng-controller in html und die Steuerung sollte,

app.controller("test", function($scope){

NICHT

app.controller=("test", function($scope){

DEMO

var app = angular.module("testapp",[]); 
 
app.controller("test", function($scope){ 
 
     $scope.age = "20" 
 
     $scope.name = "zigo" 
 
});

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title> Hello app </title> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script> 
 
    </head> 
 
    <body> 
 
    <div ng-app="testapp" ng-controller="test"> 
 
     <p> Enter your name: <input type="text" ng-model="name"></p> 
 
     <p> Enter your age here: <input type="text" ng-model="age"> </p> 
 
     <ol> 
 
      <li> My Name is {{ name }} </li> 
 
      <li>I am {{ age}} years old </li> 
 
     </ol> 
 
    
 
    </div> 
 
    </body> 
 
    </html>

Quelle

2017-09-20 05:51:36 Sajeetharan

Überprüfen Sie den folgenden Link. Sie haben vergessen, Ihren Test Controller in der <div> zu erwähnen.

Edited version of your code

Quelle

2017-09-20 06:24:55 Alexa

var app = angular.module("testapp",[]); 
app.controller("test", function($scope){ 
     $scope.age = "20" 
     $scope.name = "zigo" 
}); 
<!DOCTYPE html> 
    <html> 
    <head> 
     <meta charset="UTF-8"> 
     <title> Hello app </title> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script> 
    </head> 
    <body> 
    <div ng-app="testapp" ng-controller="test"> 
     <p> Enter your name: <input type="text" ng-model="name"></p> 
     <p> Enter your age here: <input type="text" ng-model="age"> </p> 
     <ol> 
      <li> My Name is {{ name }} </li> 
      <li>I am {{ age}} years old </li> 
     </ol> 

    </div> 
    </body> 
    </html>

Quelle

2017-09-20 07:50:32

Wie kann ich den Standardwert in das Eingabetextfeld setzen

Antwort

Verwandte Themen