Comment utiliser le contrôleur AngularJS ? Introduction aux contrôleurs et filtres AngularJS

Cet article présente l'utilisation du contrôleur angulaire JS et une introduction à l'utilisation du filtre angulaire JS Jetons un coup d'œil ensemble à cet article

.

AngularJS Controller

AngularJS Controller contrôle les données d'une application AngularJS.
Les contrôleurs AngularJS sont des objets JavaScript classiques.

<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>

Filtres AngularJS

currency Formate les nombres au format monétaire.
filter Sélectionne un sous-ensemble parmi les éléments du tableau.
minuscules Formate les chaînes en minuscules.
orderBy trie le tableau selon une expression.
uppercase Formate les chaînes en majuscules.

Des filtres peuvent être ajoutés aux expressions via un caractère barre verticale (|) suivi d'un filtre.

<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中文网中学习），有问题的可以在下方留言提问。

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!