AngularJS控制器怎么使用?angularjs的控制器和过滤器的介绍
程序员文章站
2022-03-30 13:59:12
...
本篇文章介绍了关于angularjs控制器的使用介绍,还有关于angularjs过滤器的一些使用介绍,下面就让我们一起来看看这篇文章吧
AngularJS控制器
AngularJS 控制器 控制 AngularJS 应用程序的数据。
AngularJS 控制器是常规的JavaScript对象
<h2>AngularJS 控制器属性</h2><p ng-app="" ng-controller="MyController"> <p>姓名:<input type="text" ng-model="person.name"></p> <p>性别: <input type="text" ng-model="person.sex"></p> <p>信息: {{person.info()}} </p></p><script type="text/javascript"> function MyController($scope){ $scope.person = { name:"LanFeng", sex:"女", info:function(){ var x; x = $scope.person; return x.name + " "+ x.sex; } } }</script><h2>AngularJS 控制器方法</h2><p ng-app="" ng-controller="MyController"> <p>姓名:<input type="text" ng-model="person.name"></p> <p>性别: <input type="text" ng-model="person.sex"></p> <p>信息: {{info()}} </p></p><script type="text/javascript"> function MyController($scope){ $scope.person = { name:"LanFeng", sex:"女" }; $scope.info=function(){ var x; x = $scope.person; return x.name + " "+ x.sex; } }</script>
AngularJS过滤器
currency 格式化数字为货币格式。
filter 从数组项中选择一个子集。
lowercase 格式化字符串为小写。
orderBy 根据某个表达式排列数组。
uppercase 格式化字符串为大写。
过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中。
<h2>AngularJS 控制器方法</h2><p ng-app="" ng-controller="MyController"> <p>姓名:<input type="text" ng-model="person.name"></p> <p>性别: <input type="text" ng-model="person.sex"></p> <p>信息: {{person.name | }} </p></p><script type="text/javascript"> function MyController($scope){ $scope.person = { name:"LanFeng", sex:"女" } }</script>
本篇文章到这就结束了(想看更多就到PHP中文网中学习),有问题的可以在下方留言提问。
以上就是AngularJS控制器怎么使用?angularjs的控制器和过滤器的介绍的详细内容,更多请关注其它相关文章!