angularJS学习之路(十三)---ng-change
来源:互联网 发布:windows优化大师教程 编辑:程序博客网 时间:2024/04/29 22:12
在表单输入发生变化时调用:
<!DOCTYPE html><html ng-app="myApp"><head><meta charset="utf-8"><title></title></head><body><div ng-controller="EquationController"><input type="text" ng-model="equation.x" ng-change="change()" /><code>{{ equation.output }}</code></div><script type="text/javascript" src="../js/angular.min.js"></script><script>var app = angular.module('myApp', []);app.controller('EquationController', function($scope) {$scope.equation = {};$scope.change = function() {$scope.equation.output = Number($scope.equation.x) + 2;};});</script></body></html>
0 0
- angularJS学习之路(十三)---ng-change
- angularjs select标签 ng-options ng-change学习
- angularJS学习之路(八)---ng-switch
- angularJS学习之路(九)---ng-if
- angularJS学习之路(十四)---ng-form
- angularJS学习之路(十五)---ng-select
- angularJS学习之路(十六)---ng-class
- angularJS学习之路(十一)---ng-show和ng-hide
- AngularJs ng-change事件/指令
- angularJS中的ng-click和ng-change
- AngularJS学习之 ng-route模块
- angularJS学习之路(二十三)---创建服务的五大方法---factory
- AngularJS中ng-change不生效
- AngularJS之ng-class
- angularjs之ng-repate
- angularJS之ng-class
- AngularJS学习(二)——表达式,ng-bind,ng-app,ng-init,ng-repeat,ng-model
- AngularJS学习笔记ng-repeat
- 几个 Swift 代码规范 #swiftlang
- php对象和命名空间
- 未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序解决办法
- Android 各种生命周期
- Ⅰ.9 如何创建查询用户输入的半自动化测试
- angularJS学习之路(十三)---ng-change
- iOS企业版程序发布--升级
- 053-7 When executing a SQL workload, you choose to generate execution plans only, without collecting
- 四大组件之Service
- 笔记本硬盘数据恢复
- 事务的隔离级别
- 【Linux】Linux下JDK合理的安装位置
- Fragment的使用(附带动画)
- Xpath 整理Copy