首页 / ANGULAR / AngularJS控制器怎么使用？angularjs的控制器和过滤器的介绍

AngularJS控制器怎么使用？angularjs的控制器和过滤器的介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了AngularJS控制器怎么使用？angularjs的控制器和过滤器的介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1813字，纯文字阅读大概需要3分钟。

内容图文

本篇文章介绍了关于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的控制器和过滤器的介绍的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的AngularJS控制器怎么使用？angularjs的控制器和过滤器的介绍全部内容，希望文章能够帮你解决AngularJS控制器怎么使用？angularjs的控制器和过滤器的介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/284874.html

来源：【匿名】