Maison > interface Web > js tutoriel > Comment utiliser le contrôleur AngularJS ? Introduction aux contrôleurs et filtres AngularJS

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

寻∝梦
Libérer: 2018-09-08 16:21:29
original
1062 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion
本篇文章到这就结束了(想看更多就到PHP中文网中学习),有问题的可以在下方留言提问。
Copier après la connexion

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!

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers numéros
c++ appelle javascript
Depuis 1970-01-01 08:00:00
0
0
0
Qu’est-ce que le garbage collection JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Que sont les fonctions de hook JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment obtenir la date actuelle en JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal