2016-02-25 36 views
0

我是新的角JS和不解決錯誤我不知道這個代碼中的問題是什麼。作爲ReferenceError發生錯誤:未在Angular JS中定義FnameReferenceError:在角JS中沒有定義Fname

<body ng-app="login" ng-controller="oput"> 
    <label>Firstname:</label><input type="text" ng-model="welcome.Fname"><br> 
    <label>Lastname:</label><input type="text" ng-model="welcome.Lname"><br> 
    <button ng-click="fun()">Submit</button><br> 
    <p>{{welcome.Fname}}</p> 

    <script> 

     var app=angular.module("login",[]); 
     app.controller("oput", function($scope){ 
     $scope.welcome={Fname:"", 
         Lname:""} 

     $scope.fun=function(){ 
      if(Fname == "raam" && Lname == "Chandru"){ 
      alert("hi raam"); 
     } 
      else { 
       alert("it is incorrect"); 
      } 

     } 

}); 

</script>  
</body> 
+0

歡迎堆棧溢出。只是爲了讓你知道,在你給的例子中究竟發生了什麼。請考慮編輯您的問題以改進格式,並可能提供其他上下文,以便我們可以幫助您解決此問題。 – McMath

+1

Fname應該是$ scope.welcome.Fname – Yasmeen

回答

2

嘗試此方法。我已經添加了$scope.welcome.variableName到if條件。

<body ng-app="login" ng-controller="oput"> 
    <label>Firstname:</label><input type="text" ng-model="welcome.Fname"><br> 
    <label>Lastname:</label><input type="text" ng-model="welcome.Lname"><br> 
    <button ng-click="fun()">Submit</button><br> 
    <p>{{welcome.Fname}}</p> 

    <script> 

     var app=angular.module("login",[]); 
     app.controller("oput", function($scope){ 
     $scope.welcome={Fname:"", 
         Lname:""} 

     $scope.fun=function(){ 
      if($scope.welcome.Fname == "raam" && $scope.welcome.Lname == "Chandru"){ 
      alert("hi raam"); 
     } 
      else { 
       alert("it is incorrect"); 
      } 

     } 

}); 

</script>  
</body> 

這裏是DEMO