AngularJS中控制器函数的定义与使用方法示例

本文实例讲述了AngularJS中控制器函数的定义与使用方法。分享给大家供大家参考，具体如下：

超文本标记语言正文：

body ng-app=' myApp ' ng-controller=' myCtrl ' H2安古拉js函数绑定/H2 textarea ng-model=' message ' cols=' 40 ' row=' 10 '/textarea pbutton ng-click=' save()'保存/buttonbutton ng-click='clear()'清除/button/pp剩余字数： span ng-bind=' left()'/span/p！-安古尔射流研究…的显示和隐藏逻辑控制指令：类似阿瓦隆中的ms-可见和迷人的的看得见的指令- div ng-show='flag '结果：font color=' red ' span ng-bind=' result '/span/font/DivJavaScript操作代码：

/** * AngularJS将属性和函数直接看作是控制器的平等成员， * 可以调用函数按照普通的属性的调用方式即可（击倒阿瓦隆部分Jquery插件也是使用这种方式定义函数)*/var app=angular.module('myApp '，[])；app.controller('myCtrl '，函数($ scope){ $ scope。消息=' '；$ scope . result=$ scope . flag=false $ scope。left=function(){返回100-$ scope。消息。长度；};$ scope。clear=function(){ $ scope。消息=' '；$ scope。结果=$ scope。消息；$ scope . flag=false }；$ scope。save=function(){ $ scope。结果=$ scope。消息；$ scope . flag=true }；});效果：

更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。