angularjs的$window功能小练习

2018-06-22 06:11:55来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

我们想在一个文本框输入一些文字,然后点击铵钮,alert()出来。



<div ng-app="alertApp" ng-controller="alertController"> 
       <div>
           <label>Name:</label>
           <input type="text" ng-model="Name" />
       </div>
        <div>
            <label></label>
            <input type="button" value="click me" ng-click="ShowMessage()" />
        </div>
    </div>
Html Source Code


angularjs 程序:

 

 var alertApp = angular.module('alertApp', []);
            
        alertApp.controller('alertController', function ($scope, $window) {
            $scope.ShowMessage = function () {
                if (typeof ($scope.Name) == 'undefined' || $scope.Name == "") {
                    $window.alert("请在Name域中填写名字。");
                    return;
                }
                $window.alert("Hello " + $scope.Name);
            }           
        });
JS Code


演示:


 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:表单验证(AngularJs)

下一篇:.net Mvc框架原理