输入非绑定的Ng模型返回undefined

Question

我使用Controller作为语法。我试图接受一个简单的输入，它取一个值，点击按钮。

我的HTML：

sudo udevadm info --query=all --attribute-walk --name=/dev/input/mouse0

控制器

<section class="row" ng-controller="EditController as vm">
 <div class="col-md-12">
   <md-input-container class="md-block">
      <label for="email">Add Email</label>
      <input id="mEml" type="email" name="e0" class="form-control" ng-model="vm.myVal.email" lowercase required>
   </md-input-container>
  </div>
  <div class="col-md-12">Email entered : 
   <!-- Only for testing -->
   <span ng-bind="vm.myVal.email"></span>
  </div>
  <div class="col-md-12 col-xs-12 text-right form-group no-pads">
   <button type="button" ng-click="vm.updateIt()">Save</button>
  </div>
</section>

在页面加载时，我可以在输入字段中看到test。但是当我点击它来输入我的值时，它就变得不确定了。所有控制台语句都显示未定义的电子邮件。

我最近才转为Controller as Syntax，所以我尝试将整个事情改为$ scope而不是vm，它仍然给了我相同的结果。为什么会这样？有人可以解释一下这个原因吗？