機能が完全に印刷されます

AngularJsの非常に新しく、私の機能が完全に以下のように印刷される理由を理解しようとしています。機能が完全に印刷されます

Hello function() { return (this.sal) * 12; }

ここは私のコードです。

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
    <script type="text/javascript"> 
    var app=angular.module("sample",[]); 
    app.controller("emp",function($scope){ 
     $scope.Name="Jag"; 
     $scope.sal="4500" 
     $scope.getAnnualSal = function() 
     { 
     return (this.sal) * 12; 
     } 
    }); 
    </script> 
    </head> 
    <body ng-app="sample"> 
<div ng-controller="emp"> 
    Hello {{getAnnualSal}} 
</div> 
    </body> 
</html>

出典

2017-08-24 wade aston

それがスコープ内のプロパティとしてgetAnnualSalを評価しています。あなたはスコープ内の関数として、それを実行したい場合は、()

{{getAnnualSal()}}

出典

2017-08-24 13:50:21

これを試してみてください、それが機能しませ変数です：

Hello {{getAnnualSal()}}

出典

2017-08-24 13:49:30 rrd

を追加し、既に述べたように、あなたは()で関数として使用する必要があります。

私はあなたの関数がthis.salに対して角度で$scope.salを使用している必要があることにも言及したいと思います。

$scope.getAnnualSal = function() { 
    return $scope.sal * 12; 
}

と使用方法：

Hello {{getAnnualSal()}}

出典

2017-08-24 14:20:56

機能が完全に印刷されます

答えて

関連する問題