console.log（）出力が表示されない

Question

Angular JSの新機能で、ブラウザコンソールでユーザー名と電子メールを印刷しようとしています。私は「未定義」になっているか、または私が与えた文字列を印刷しています。ユーザーが入力する電子メールとユーザー名として出力を取得するにはどうすればよいですか？

profile.html

<ion-view title="Profile" id="page2"> 
<ion-content padding="true" class="has-header"> 
    <div ng-controller="profileCtrl"></div> 
    <div id="profile-form1" class="list"> 
    <label class="item item-input"> 
    <input type="text" placeholder="Email" ng-model="Email"> 
    </label> 
    <label class="item item-input"> 
    <input type="text" placeholder="Username" ng-model="Username"> 
    </label> 
    <label class="item item-input" > 
    <input type="password" placeholder="Password" ng-model="Password"> 
    </label> 
    <ion-toggle toggle-class="toggle-balanced" id="profile-toggle1" ng-model="tc">Terms &amp; Conditions</ion-toggle> 
</div> 
<div ng-disabled=" (Email && Username && Password && tc) ? flase : true" ng-click="saveList()" style="border-radius:10px 10px 10px 10px;" class="button button-balanced button-block">Login</div> 
</ion-content> 
</ion-view> 

controller.js

.controller('profileCtrl', ['$scope', '$stateParams', 
    function ($scope, $stateParams) { 
    $scope.saveList = function(){ 
     console.log($scope.Email, $scope.Username); 
    } 
}]) 

コンソール出力が未定義だけ定義されていません。ここに私のコードです。

ありがとうございます。

Answer 1

はdivの閉じない：<div ng-controller="profileCtrl"></div>

をしてdivタグ閉じることを忘れないでください：それは問題に関連していた場合

<ion-view title="Profile" id="page2"> 
<ion-content padding="true" class="has-header"> 
    <div ng-controller="profileCtrl"> <!-- open it here --> 
     <div id="profile-form1" class="list"> 
     <label class="item item-input"> 
      <input type="text" placeholder="Email" ng-model="Email"> 
     </label> 
     <label class="item item-input"> 
      <input type="text" placeholder="Username" ng-model="Username"> 
     </label> 
     <label class="item item-input" > 
      <input type="password" placeholder="Password" ng-model="Password"> 
     </label> 
     <ion-toggle toggle-class="toggle-balanced" id="profile-toggle1" ng-model="tc">Terms &amp; Conditions</ion-toggle> 
     </div> 
     <div ng-disabled=" (Email && Username && Password && tc) ? flase : true" ng-click="saveList()" style="border-radius:10px 10px 10px 10px;" class="button button-balanced button-block">Login</div> 
    </div> <!-- close it here --> 
</ion-content> 
</ion-view>