angularJS中的ng-click和ng-change

最新推荐文章于 2023-03-09 14:27:56 发布

原创最新推荐文章于 2023-03-09 14:27:56 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

AngularJS 专栏收录该内容

4 篇文章

订阅专栏

本文探讨AngularJS中ng-click和ng-change两个指令的区别与使用场景，通过实例解析它们在交互操作中的不同行为。

<!doctype html>
<html ng-app="RadioExample">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div>
            <input ng-model="greeting.text"/>
            <p>{{greeting.text}},AngularJS</p>
        </div>

        <div>
	        <form name="myForm" ng-controller="TestController">
	        	<input ng-model="test" type="radio" value="0" ng-change="a()" /> 0
	              
	            <input ng-model="test" type="radio" value="1" ng-change="a()"/> 1
	        </form>
        </div>
    </body>
    <script src="js/angular-1.3.0.js"></script>
    <script type="text/javascript" src="js/FuckController.js"></script>
</html>

var testFuck = angular.module('RadioExample', [])
	.controller('TestController', ['$scope', function($scope)
	{
		$scope.a=function()
		{
  			if ($scope.test == "1")
  			{
  				alert("1");
  			}

  			if ($scope.test == "0")
  			{
  				alert("0");
  			}
		}
	}]);

以上代码纠结了好久，==晚上更新