2016-09-29 4 views
1

ng-modelを介してfirstNameとlastNameを受け取るだけの設計をしようとしていますが、ng-modelを介してコントローラのCreateAccount関数に渡します。クリック。私はそれが正しく動作するようにすることはできませんし、コンソールで、firstNameとlastNameの値はすべての詳細を入力した後でも未定義として表示されます。ng-clickを介して関数パラメータとして渡すとき、コントローラでng-modelが定義されていません

HTML

<ion-view title="USER"> 
    <ion-nav-buttons side="right"> 
     <p ng-click="CreateAccount(FirstName,LastName)"> 
      SAVE 
     </p> 
    </ion-nav-buttons> 
<ion-content>  
    <md-input-container md-no-float=""> 
     <div> 
      <input class="user-name" 
        placeholder="First Name" 
        ng-model="FirstName"> 
     </div> 
    </md-input-container> 
    <md-input-container md-no-float=""> 
     <div> 
      <input class="user-name" 
        placeholder="Last Name" 
        ng-model="LastName"> 
     </div> 
    </md-input-container> 
</ion-content> 
</ion-view> 

コントローラ

$scope.CreateAccount = function(FirstName,LastName){ 
    console.log(FirstName); 
    console.log(LastName); 
} 
+2

範囲内にあると仮定すると、パラメータとして渡す必要はありません。 'console.log($ scope.FirstName)'と 'console.log($ scope.LastName)'を使ってみてください。 – Nishant123

答えて

0

あなたは$スコープ変数を関数の内部

$scope.person = { 
     firstName: "Nikhil", 
     lastName: "Hegde" 
    }; 
    $scope.save =function() { 
     console.log($scope.person.firstName); 
     console.log($scope.person.lastName); 
    }; 

DEMO

に合格する必要がない場合は、defiend変数を持つべきです
関連する問題