work hard work smart

专注于Java后端开发。 不断总结，举一反三。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Angularjs 过滤器

Posted on 2017-07-20 09:56  work hard work smart  阅读(213)  评论(0)  编辑  收藏  举报

 Angularjs 过滤器

1. uppercase

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="personCtrl">

    <p>姓名为 {{ lastName | uppercase }}</p>

</div>

<script src="personControlle.js"></script>

</body>
</html>

　控制器

angular.module('myApp', []).controller('personCtrl', function($scope) {
    $scope.firstName = "John",
        $scope.lastName = "Doe",
        $scope.fullName = function() {
            return $scope.firstName + " " + $scope.lastName;
        }
});

　　

效果图