Функция onblur не набирается

Question

Я пытался вызвать функцию javascript onblur поля.

два вопроса, которые я облицовочные были

1) на странице загрузки всплывающего окна (то есть в вызове функции) становится вызывается автоматически.

2) Я получаю нечеткую ошибку ссылки в консоли, когда пытаюсь получить доступ к функции onblur.

Ниже приведен код, который я использую:

HTML:

<div class="contact section s4"> 
      <div class="container"> 
       <h4>Think and Ink</h4> 
       <p class="contact-head">Note: No identity of ur's will be stored or revealed to anybody. feel safe and keep posting what's there in ur heart</p> 
       <div class="row contact-form"> 
        <form> 
         <div class="col-md-6 text-box"> 
          <input data-ng-model="toName" type="text" placeholder="To: Full Name" onblur="myFunction()"/> 
          <input required data-ng-model="song" type="text" placeholder="Any song dedication for this person.?" /> 
          <input required data-ng-model="liking" type="text" placeholder="What you like about him/her.?" /> 
         <!-- <input type="text" placeholder="Subject" /> --> 
         </div> 
         <div class="col-md-6 textarea"> 
          <textarea required data-ng-model="msg" placeholder="Message"></textarea> 
         </div> 
         <div class="clearfix"> </div><br /> 
         <input class="btn btn-primary btn-red-lg" data-ng-click="submit()" value="Submit"/> 
        </form> 
       </div> 


       <!----start-copy-right----> 

       <!----//End-copy-right----> 
      </div> 
     </div> 
     <div class="dialogBackdrop" ng-show='customError'> 
     <div class="dialog"> 
      <div> 
       <div class="dialogHead">Sorry</div> 
       <div class="dialogContent">{{customErrorDialogContent}}</div> 
      </div> 
      <div class='dialogBtnHolder'> 
       <div class="dialogBtn" ng-click='errorDialogCancel()'> OK</div> 
      </div> 
     </div> 
</div> 

JavaScript:

var app = angular.module("MyApp", []); 




app.controller("MyAppController",function ($scope,$rootScope,$http,$window) 
     { 
     alert ("form"); 


     $scope.myFunction = function(){ 
      if ($scope.toName==null) 
       { 
       var nullError = "Name cannot be Null.Please Retry.."; 
       $scope.customErrorDialogContent= nullError; 
       $scope.customError= true; 
       } 


     }; 

     $scope.errorDialogCancel = function(){ 
      $scope.customError = false; 
     }; 

    $scope.submit = function() { 
       alert("clicked"); 

       if ($scope.toName==null || $scope.toName=="") 
        { 
        console.log("empty"); 
        } 
       $window.location.href='http://10.17.60.197:8080/spring_test/home.html'; 
       $http.post('rest/postmessage',{toName:$scope.toName, song:$scope.song, liking: $scope.liking, msg: $scope.msg}) 
       .success(function(data) 
        { 
        $scope.optyCmtDtls = data; 



        }).error(function(data){}); 

      }; 




     }); 

** не полный код (но объясняет проблему)

Может ли кто-нибудь помочь мне с тем же. ??

Answer 1

Использование ng-blur и не onblur: https://docs.angularjs.org/api/ng/directive/ngBlur

Если вы используете onblur ваша функция должна быть глобальной и не может быть определена внутри рамки.

Answer 2

Здесь я только что удалил ONBLUR с нг-размытостью .. Теперь он будет работать

<input data-ng-model="toName" type="text" placeholder="To: Full Name" ng-blur="myFunction()"/>