Wie verwende ich den AngularJS-Controller? Einführung in AngularJS-Controller und -Filter

In diesem Artikel wird die Verwendung des AngularJS-Controllers vorgestellt und eine Einführung in die Verwendung des AngularJS-Filters gegeben. Schauen wir uns diesen Artikel gemeinsam an

AngularJS Controller

AngularJS Controller steuert die Daten einer AngularJS-Anwendung.
AngularJS-Controller sind reguläre JavaScript-Objekte

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

Währung Formatieren Sie Zahlen in ein Währungsformat.
Filter Wählt eine Teilmenge aus Array-Elementen aus.
Kleinbuchstaben Formatiert Zeichenfolgen in Kleinbuchstaben.
orderBy sortiert das Array nach einem Ausdruck.
Großbuchstaben Formatiert Zeichenfolgen in Großbuchstaben.

Filter können zu Ausdrücken über ein Pipe-Zeichen (|) gefolgt von einem Filter hinzugefügt werden.

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

rrree

Das obige ist der detaillierte Inhalt vonWie verwende ich den AngularJS-Controller? Einführung in AngularJS-Controller und -Filter. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!