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 配列項目からサブセットを選択します。
小文字 文字列を小文字にフォーマットします。
orderBy 式に基づいて配列を配置します。
大文字 文字列を大文字にフォーマットします。

フィルターは、パイプ文字 (|) とフィルターを介して式に追加できます。

リーリーリー

以上がAngularJSコントローラーの使い方は？ angularjs コントローラーとフィルターの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。