掷骰子

最新推荐文章于 2021-04-28 12:23:09 发布

阳光鬼怪

最新推荐文章于 2021-04-28 12:23:09 发布

阅读量313

点赞数

分类专栏： 4月Android hybrid跨平台开发

本文链接：https://blog.csdn.net/qq_40087072/article/details/78245878

版权

4月Android hybrid跨平台开发专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular-1.3.0.js"></script>
    <script type="text/javascript">

        var rand = function () {
            return Math.ceil(Math.random()* 6);
        };

        var app =angular.module('myApp',[]);
        app.controller('myCtrl',function ($scope,$http) {

        });

     var rollDice =function () {
         var appElement= document.querySelector("[ng-controller=myCtrl]");
         var $scope =angular.element(appElement).scope();
         $scope.zhangsan=rand();
         $scope.lisi=rand();
         $scope.winer=($scope.zhangsan>$scope.lisi ? "张三":($scope.zhangsan<$scope.lisi ?"李四":"相等"))
         $scope.$apply(); // 同步到Angular控制器中
     };
    </script>
</head>
<body>

<div ng-controller="myCtrl">
    <div>张三:<input ng-model="zhangsan"></div>
    <div>李四:<input ng-model="lisi"></div>
    <div>赢方:<input ng-model="winer"></div>
    <div style="margin-left: 200px"><input type="button" value="掷骰子" οnclick="return rollDice();"/></div>

</div>


</body>
</html>

阳光鬼怪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
掷骰子

html>html ng-app="myApp">head> meta charset="UTF-8"> title>Titletitle> script src="angular-1.3.0.js">script> script type="text/javascript"> var rand = function () {
复制链接

扫一扫