angularjs onchange

 

 

HTML
<div ng-controller="TestCtrl">
  <select ng-change="change(x)" ng-model="x">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
</div>


JS:
var app = angular.module('Demo', [], angular.noop);

app.controller('TestCtrl', function($scope){
  $scope.change = function(x){
    console.log(x);
  }
});

angular.bootstrap(document, ['Demo']);

  

相关推荐:

使用AngularJS怎么监听变量的变化

这期内容当中小编将会给大家带来有关使用AngularJS怎么监听变量的变化,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。如下所示:var timeout; $scope.$watch('search.subj',function&nb...

AngularJS中如何使用jQuery的zTree插件

这篇文章主要介绍了AngularJS中如何使用jQuery的zTree插件的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇AngularJS中如何使用jQuery的zTree插件文章都会有所收获,下面我们一起来看看吧。zTree和后台数据的交互首先,肯定是在页面中引入An...

AngularJS如何实现用户访问身份认证和表单验证功能

今天小编给大家分享一下AngularJS如何实现用户访问身份认证和表单验证功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。身份验证权限的设计中比较常见的就是RBAC基于角色的访问控制...

AngularJS如何实现注册表单验证

小编给大家分享一下AngularJS如何实现注册表单验证,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!JS是什么JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的...

AngularJS中如何实现表单验证功能

小编给大家分享一下AngularJS中如何实现表单验证功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!       能够根据用户在表单中输入的内容给出...

angularjs如何实现分页和搜索功能

这篇文章主要介绍了angularjs如何实现分页和搜索功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。js有什么特点1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下运行,拥有着跨平台特性;3、js属...

使用AngularJS怎么实现自定义表单验证功能

这篇文章给大家介绍使用AngularJS怎么实现自定义表单验证功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。Angular实现了大部分常用的HTML5的表单控件的类型(text,number,url,email,date,radio,checkbox),也实现了很多指令做为...

AngularJS实现表单验证功能的方法

这篇文章主要为大家展示了“AngularJS实现表单验证功能的方法”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“AngularJS实现表单验证功能的方法”这篇文章吧。AngularJS表单验证功能实现代码:ng-model的作用:1.ng-model指令...