• AngularJS 事件


    click事件:
    <div ng-app="myApp" ng-controller="myClick">
    <button ng-click="count=count+1">点我</button>
    {{count}}
    </div>
    <script>
    var app=angular.module('myApp',[]).controller("myClick",function($scope)
    {
    $scope.count=0;
    })
    </script>
    
    
    toggle事件一

    <
    div ng-app="myApp" ng-controller="personCtrl"> <button ng-click="toggle()">隐藏/显示</button> <p ng-hide="myVar"> 名:<input type="text" ng-model="firstName"><br/> 姓:<input type="text" ng-model="lastName"><br/> fullName {{firstName+""+"lastName"}} </p> </div> <script> var app=angular.module("myApp",[]); app.controller("personCtrl",function($scope) { $scope.firtName="tom"; $scope.lastName="steph"; $scope.myVar="false"; $scope.toggle=function() { $scope.myVar=!$scope.myVar; } }); </script>
    
    
    toggle事件二

    <
    div ng-app="myApp" ng-controller="personCtrl"> <button ng-click="toggle()">隐藏/显示</button> <p ng-show="myVar"> 名:<input type="text" ng-model="firstName"><br/> 姓:<input type="text" ng-model="lastName"><br/> fullName {{firstName+""+"lastName"}} </p> </div> <script> var app=angular.module("myApp",[]); app.controller("personCtrl",function($scope) { $scope.firtName="tom"; $scope.lastName="steph"; $scope.myVar="false"; $scope.toggle=function() { $scope.myVar=!$scope.myVar; } }); </script>
  • 相关阅读:
    JZOJ 5947.初音未来(miku)
    JZOJ 2020.07.27【NOIP提高组】模拟
    Prufer序列 学习笔记
    JZOJ 5033. 【NOI2017模拟3.28】A
    c# Winform实现中国省份地图
    c# Custom Controls
    c#实现播放器的集中方式
    c# GDI+绘制不同字体的字符串
    比较好的博客和文章记录
    CSS设置元素居中的方法
  • 原文地址:https://www.cnblogs.com/professional-NET/p/5011739.html
Copyright © 2020-2023  润新知