Question

这是WebForm的代码，当我调试页面并在$scope.ShowAlert = function(){行插入断点时，浏览器无法访问内部代码。

<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>

Answer 1

这只是一个错字!!!

将ng-clicl更改为ng-click; - ）

Answer 2

ng-clicl="ShowAlert()"

尝试更改为ng-click。如果仍然无效，则$window.alert(...)仅使用alert(...)

如何使用AngularJS通过按钮单击在警报窗口中显示输入数据？

2 个答案: