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