2016-05-13 5 views
0

を加えながら、私は私のhtmlページ内のフォームを持っている現在の状態を表示する方法angularjsテキストフィールドに を入力すると、パスワードと電子メールを変更するオプションをユーザに与え、フォームを送信するときにすべてのパラメータを送信します。フォームはNG-モデル

問題は、テキストフィールドにng-modelを置くと、現在の値が消えてしまうことです。 私はそのための修正が必要です!

最初の2つのフィールドでは、ng-modelが表示されていないため、ng-modelが表示されないため、値が表示されています。

$scope.company = yourcompanydata 

とデータを提出するためとして、あなたは、HTML内のすべてのパラメータをリストする必要はありません:あなたのコントローラで

+0

いずれかを使用するNG-のinitまたはこれらのフィールドのためのいくつかのNG-モデルを定義し、表示するものは何でもそれらを設定します。 – yBrodsky

+0

ng-modelが使用されている場合、入力テキストボックスの[AngularJS - Value属性の複製が無視されますか?](http://stackoverflow.com/questions/10610282/angularjs-value-attribute-on-an-input -ext-box-is-ignored-there-a-ng-m) – Saad

+0

私のコントローラの$ scope.somethingにデータを正常にアタッチしましたが、ng-modelのテキストフィールドで見ることができますユーザーがこれらの引数を変更したときに、submit = ""でパラメータとして送信したい場合は、誰でもそれを手伝ってもらえますか? –

答えて

0

はちょうどこのようにスコープに企業データを添付してください。あなたのHTML内だけ残して:

ng-submit="updateCompany()" 

そして、あなたのコントローラで:

$scope.updateCompany = function(){ 
    // your submitting logic here and all the company data will 
    // be available under $scope.company 
    // including the new password and email entered by the user 

    // so your submitting logic could look something like this: 
    submitCompanyData($scope.company.companyId, $scope.company.newPassword,...) 
} 
+0

すべてのボディに感謝!今すぐok! –

0

ここであなたがデータあとがきをどうしたいのですが何によっては、始めるための簡単なバージョンcodepenです。私は必要に応じて更新することができます。

angular 
 
    .module('app', []) 
 
    .controller('ExampleController', ExampleController); 
 

 
function ExampleController() { 
 
    var vm = this; 
 
    vm.company = {}; 
 
    vm.info = info; 
 

 
    function info(info) { 
 
    console.log(info); 
 
    } 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app='app'> 
 
    <div class="container" ng-controller="ExampleController as vm"> 
 
    <form novalidate> 
 
     <input type="text" ng-model="vm.company.name" required/> 
 
     <input type="email" ng-model="vm.company.email" required/> 
 
     <input type="submit" ng-click="vm.info(vm.company)" value="Submit" /> 
 
    </form> 
 
    {{vm.company| json}} 
 
    </div> 
 
</body>