AngularJS控制器怎麼使用？ angularjs的控制器和濾鏡的介紹

這篇文章介紹了關於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的控制器和濾鏡的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！