입력 텍스트 상자에 기본값을 배치하려면 어떻게합니까

-2

아래 코드가 있습니다. 상자에 처음 표시된 스크립트 변수에 할당 된 기본값을 갖고 싶습니다. 나중에 값은 텍스트 상자의 사용자 입력에 따라 변경되어야합니다.입력 텍스트 상자에 기본값을 배치하려면 어떻게합니까

<!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>

"20"과 "zigo"를 텍스트 상자에 처음 표시하려고합니다. 내 코드를 어떻게 바꿀 수 있습니까?

출처

2017-09-20 NSP

난 당신이 각하지 전나무 각도 JS를 찾고있는 것 같아요 –

하지

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

DEMO

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

, 당신은 HTML에서 ng-controller 누락 및 컨트롤러가 있어야한다

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>

출처

2017-09-20 05:51:36 Sajeetharan

아래 링크를 확인하십시오. <div>에 테스트 컨트롤러를 언급하는 것을 잊었습니다.

Edited version of your code

출처

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>

출처

2017-09-20 07:50:32

입력 텍스트 상자에 기본값을 배치하려면 어떻게합니까

답변

관련 문제