ボタンをクリックしてフォームからデータを保存

ボタンをクリックしてフォームからデータを保存するにはどうすればよいですか？エラーの原因を理解できません。ます。たとえば、変数「マスター」に保存されたフィールドからのデータにボタンをクリックしてフォームからデータを保存

をクリックしたときに、私はこのチュートリアルで使用し、計画通り：あなたが誤植を持つすべてのhttp://www.w3schools.com/angular/angular_forms.asp

<!DOCTYPE html> 
<html lang="en"> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> <div ng-app="myApp" ng-controller="formCtrl"> 
    <form novalidate> 
    First Name:<br> 
    <input type="text" ng-model="firstName"><br> 
    <button ng-click="copyData()">Click Me!</button> 
    </form> 
    <p>form = {{user}}</p> 
    <p>master = {{master}}</p> 
</div> 
    <script> 
var app = angular.module('myApp', []); 
app.controller('formCtrl', function($scope) { 
    $scope.master = {uder.firstName}; 
    $scope.reset = function() { 
     $scope.user = angular.copy($scope.master); 
    }; 
    $scope.reset(); 
    $scope.copyData=function(){ 
     $scope.master1=angular.copy($scope.mas); 
     $scope.copyData(); 
} 
}); 
</script> 
</body> 
</html>

出典

2016-11-18 Dmitry

あなたがここでやってみたかった正確に何？ – Sravan

「Click me！」をクリックしてフォームからデータを保存します。 – Dmitry

保存するデータはどこですか？ – Sravan

おかげのようになります！作業バージョン：

(function(angular) { 
 
    'use strict'; 
 
angular.module('scopeExample', []) 
 
    .controller('MyController', ['$scope', function($scope) { 
 
    $scope.username = 'World'; 
 

 
    $scope.sayHello = function() { 
 
     $scope.greeting = 'Hello ' + $scope.username + '!'; 
 
    }; 
 
    }]); 
 
})(window.angular);

-<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Angular JS</title> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 
    <script src="angular.min.js"></script> 
 
    <script src="weather 2.js"></script> 
 
    </head> 
 
    <body ng-app="scopeExample"> 
 
    <div ng-controller="MyController"> 
 
    Your name: 
 
     <input type="text" ng-model="username"> 
 
     <button ng-click='sayHello()'>greet</button> 
 
    <hr> 
 
    {{greeting}} 
 
    </div> 
 
    </body> 
 
    </html>

出典

2016-11-19 09:18:05 Dmitry

ファーストを。 {uder.firstname}を{user.firstname}に置き換えます。

スコープを理解し、スコープで宣言する変数を使用する方法を理解しておく必要があります。

あなたはNG-モデル=「FIRSTNAME」で入力を宣言したが、コントローラ上で、あなたは属性ファーストネームを持つユーザーオブジェクトを持っています。あなたはにフォームを変更する必要があります。

<input type="text" ng-model="user.firstName"><br> 
<button ng-click="reset()">RESET</button> 
<button ng-click="copyData()">Click Me!</button>

とあなたのコントローラにscopeとformsについて

app.controller('formCtrl', function($scope) { 
     $scope.user = { firstname:"", lastname:"" }; //init your user 
     $scope.master = user.firstname; //or user object itself, dont understand what exactly you would like to achieve 
     $scope.reset = function() { 
      $scope.user = $scope.master; 
}; 

$scope.copyData=function(){ }//call your onclick event 
    //set the data, that you want directly here. Recursion will not work.

詳しい情報は間違いなくあなたを助けることができます。

出典

2016-11-18 12:15:00

まず、$scope.masと{uder.firstname}のようないくつかのタイプミスがあります。

ng-modelディレクティブを使用して$ scopeオブジェクトにプロパティを割り当てましたが、この時点では未定義のuserというオブジェクトを使用してアクセスしようとしているコントローラでこれが変更されました。あなたのコード

First Name:<br> 
      <input type="text" ng-model="user.firstName"><br> 
      <button ng-click="reset()"> 
       RESET</button> 
      <button ng-click="copyData()"> 
       Click Me!</button> 
      </form> 
      <p> 
       form = {{user}}</p> 
      <p> 
       master = {{master}}</p>

は、コントローラは、すべての

$scope.reset = function() { 
        $scope.user = angular.copy($scope.master); 
       }; 
       $scope.reset(); 
       $scope.copyData = function() { 
       $scope.master = user.firstName; 
       $scope.master1=angular.copy($scope.master); 
       $scope.copyData(); 
       };

出典

2016-11-18 12:16:11

ボタンをクリックしてフォームからデータを保存

答えて

関連する問題