AngularJS控制器和過濾器學習（三），angularjs控制器

AngularJS控制器和過濾器學習（三），angularjs控制器

AngularJS控制器

AngularJS 控制器 控制 AngularJS 應用程式的資料。
AngularJS 控制器是常規的JavaScript對象

<h2>AngularJS 控制器屬性</h2><div ng-app="" ng-controller="MyController">   <p>姓名：<input type="text" ng-model="person.name"></p>    <p>性別： <input type="text" ng-model="person.sex"></p>    <div>資訊： {{person.info()}}  </div></div><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><div ng-app="" ng-controller="MyController">    <p>姓名：<input type="text" ng-model="person.name"></p>    <p>性別： <input type="text" ng-model="person.sex"></p>    <div>資訊： {{info()}}  </div></div><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><div ng-app="" ng-controller="MyController">    <p>姓名：<input type="text" ng-model="person.name"></p>    <p>性別： <input type="text" ng-model="person.sex"></p>    <div>資訊： {{person.name | }}  </div></div><script type="text/javascript">    function MyController($scope){        $scope.person = {            name:"LanFeng",            sex:"女"        }    }</script>