2016-11-08 18 views
0

AngularとIonicの新機能です。入力値を取得する際に問題があります。私は「未定義」になる。ここに私のコードは次のとおりです。Angular(Ionic)で入力値を取得できません

.controller('myCtrl', function($scope) { 
 

 
    $scope.submit = function() { 
 
    console.log($scope.name); 
 
    } 
 
    
 
}
<form ng-submit="submit()"> 
 
    <input type="text" ng-model="name"> 
 
    
 
    <button class="button">Send</button> 
 
</form>

+0

エラーテキストは何ですか? – Natiq

+0

がありません)。あなたのコントローラの宣言の後に – iCediCe

+0

確かにコードを貼り付ける間にそれを失う;) –

答えて

0

この

<form> 
    <input type="text" ng-model="name"> 

    <button ng-click="submit()" class="button">Send</button> 
</form> 
+0

働いていない:( submit()は実行中ですがまだ未定義のテキストが得られます –

+0

コードを追加してくださいPlunker and comment your link – Sujithrao

+0

ここでhttps://plnkr.co/edit/CA3tiBLPzShtJLmFhtOS?p=preview – Sujithrao

0

このコードコントローラ

<form ng-submit="submit()"> 
    <input type="text" ng-model="FinalData.name" name="name"> 
    <button class="button">Send</button> 
</form> 

そしてお試しくださいしてみてください

+0

$ scope.name = "asdasd"を実行すると動作しますが、入力値からそれを取得してください –

+0

次に、FinalData.nameに値を割り当てないでください。空の文字列を返してください。 – Jay

+0

空ではありません... Nevemind、私はこの幅の純粋なjavascriptではありません。 –

0

この例でチェック

angular.module('myApp', []).controller('myCtrl', function($scope) { 
 
    $scope.name = 'Hello World!'; 
 
});
<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app="myApp" ng-controller='myCtrl'> 
 

 
<form ng-submit="submit()"> 
 
    <input type="text" ng-model="name"> 
 
    
 
    <button class="button">Send</button> 
 
</form> 
 

 
</div> 
 

 
</body> 
 
</html>

関連する問題