ダイアログが閉じない

Question

データベースに何かを追加できるポップアップウィンドウがあります。

VM247 1:1 Uncaught TypeError: Cannot set property 'result' of undefined 

をあなたはまだボックス内のテキスト/数字を入力し、Enterキーを押し保存した場合、popupwindowはちょうどロード：あなたが名前フィールドでクリックしたときしかし、私が言って、コンソールでエラーが発生します。ただし、ビューを更新すると、エンティティはデータベースに保存されます。

誰でもこの原因を知っていますか？ここで

はhtmlです：

<div class="row"> 
    <md-input-container class="md-block" flex-gt-xs> 
     <label>Name</label> 
     <input ng-model="csc.user.newEntry.Name" onfocus="csc.saveData.result = ''" /> 
     <div ng-messages="csc.user.newEntry.Name.$error" ng-show="csc.saveData.result < 0"> 
      <div>Duplicate Name</div> 
     </div> 
    </md-input-container> 
</div> 

角度：

saveEntry: function() { 
vm.savingActivated = true; 
vm.saveData = EntriesResource.save(vm.user.newEntry, 
    () => { 
     vm.savingActivated = false; 
     console.log(vm.saveData.result); 
     if (vm.saveData.result > 0) { 
      $rootScope.$broadcast("EntriesUpdated"); 
      $mdDialog.hide(); 
     } 

Answer 1

あなたはあなたの中のテンプレートのロジックをオブジェクトのプロパティを使用しているので、オブジェクト自体が参照する時に存在している必要がありますそのメンバーに。 入力にフォーカスすると、onfocusを使用して作成しています。 前に初期化するか、ngShowの式を変更して、プロパティの代わりにオブジェクト自体を使用するようにしてください。

saveEntry: function() { 
     vm.savingActivated = true; 

     // intializeing 
     vm.saveData = {}; 

     vm.saveData = EntriesResource.save(vm.user.newEntry, 
      () => { 
       vm.savingActivated = false; 
       console.log(vm.saveData.result); 
       if (vm.saveData.result > 0) { 
        $rootScope.$broadcast("EntriesUpdated"); 
        $mdDialog.hide(); 
       }