2016-04-27 38 views
0

這是WebForm的代碼,當我調試頁面並在$scope.ShowAlert = function(){行處插入斷點時,瀏覽器無法訪問內部代碼。如何使用AngularJS通過點擊按鈕在警報窗口中顯示輸入數據?

<form id="form1" runat="server"> 
<div class="container"> 

    <div class="row" ng-app="myApp" ng-controller="MyController"> 

     <input type="text" ng-model="FName" /> 
     <input type="text" ng-model="Lname" /> 

     <input type="button" value="Show Alert Message" ng-clicl="ShowAlert()" /> 

    </div> 

</div> 
</form> 


<script type="text/javascript"> 
    var app = angular.module('myApp', []) 
    app.controller('MyController', function ($scope, $window){ 
     $scope.ShowAlert = function(){ 
      $window.alert("Hello" + $scope.Fname + " " + $scope.Lname); 
     } 

    }); 


</script> 
+0

您是否在Internet Explorer上運行它? –

+0

在這裏有一個錯字ng-clicl應該是ng-clicking – lastr2d2

+0

我在Chrome中運行代碼 –

回答

1

這只是一個錯字!

變化NG-clicl到NG-點擊;-)

+0

真的要孩子氣地做出這樣一個愚蠢的錯誤 –

1
ng-clicl="ShowAlert()" 

嘗試改變NG-點擊。 如果仍然不能工作,而不是$window.alert(...)只能使用alert(...)

+0

現在我已經在代碼 –

+0