入力テキストボックスにデフォルト値を配置するにはどうすればいいですか

-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"と "ジゴ"を最初にテキストボックスに表示します。コードを変更するにはどうすればよいですか？

出典

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

入力テキストボックスにデフォルト値を配置するにはどうすればいいですか

答えて

関連する問題