zoukankan      html  css  js  c++  java
  • AngularJs练习Demo3

    @{
        Layout = null;
    }
    
    <!DOCTYPE html>
    
    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>AngularJS事件指令</title>
        <script type="text/javascript" src="~/Scripts/angular.js"></script>
    </head>
    <body>
        <h1>AngularJS事件指令</h1>
        <div ng-app="myApp">
            <div ng-controller="firstController">
                <div ng-click="run()">点击</div>
    
                <input type="checkbox" ng-model="sel" />
                <select>
                    <option>111</option>
                    <option ng-selected="sel">222</option>
                </select>
    
                <p>
                    <input type="checkbox" ng-change="change()" ng-model="c" />
                </p>
    
                <p>
                    <input type="text" value="你好" ng-copy="aaa='按下复制键的时候执行的事件'" />{{aaa}}
                </p>
                <p>
                    <input type="text" value="你好" ng-cut="bbb='按下剪切键的时候执行的事件'" />{{bbb}}
                </p>
                <p>
                    <input type="text" value="你好" ng-paste="ccc='按下粘贴键的时候执行的事件'" />{{ccc}}
                </p>
    
                <p>
                    <div ng-bind="text"></div>
    
                    <div ng-cloak></div>
                    {{text}}
                    <div ng-non-bindable>
                        {{text}} @*n {{text}}就会原样输出*@
                    </div>
                </p>
    
    
            </div>
        </div>
        <script type="text/javascript">
            //ng-bind 和ng-cloak 都是为了防止页面闪烁
    
            var app = angular.module("myApp", []);
            app.controller("firstController", function ($scope) {
                $scope.text = "PhoneGap中文网";
                $scope.run = function () {
                    alert("On-Click");
                },
                $scope.change = function () {
                    if ($scope.c) {
                        alert("改变");
                    } else {
                        alert($scope.c);
                    }
    
                }
            });
        </script>
    </body>
    </html>
    

      

  • 相关阅读:
    配置JDK环境变量
    yum 卸载安装的软件包及依赖
    常用命令--patch
    Git 源码编译安装
    基础Git命令
    下载资源的一些方法
    Python/Jupyter小技巧
    欺诈类Kaggle竞赛赛题描述
    工作小笔记
    进入互联网数据分析岗位需要明白的一些事
  • 原文地址:https://www.cnblogs.com/sumg/p/5605341.html
Copyright © 2011-2022 走看看