AngularJSカスタムサービスと混合使用

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

例えば、プロジェクトでは、バックグラウンドのデータが直接表示されることが多くありますが、その意味は理解できません。現時点では、フォーマットしてインタフェースに表示する必要があります。伝統的なjでは、長いコードリスト、さまざまなマッピングが必要です。角度によって提供されるフィルタは、実際に紹介するには多くのものです。

私は、angularJSカスタムサービスとフラッターの混合使用について紹介しましょう。見てみましょう。

1.カスタムサービス "$ swl"を作成します。


var app = angular.module('myApp', []); 
app.service("$swl", function() { 
this.after = function(data) { 
return "("+data + " after,$swl"; 
}; 
this.before = function(data) { 
return "($swl,before " + data+")"; 
} 
})

2.コントローラを介してカスタムサービスを呼び出します。

HTMLコード


<div ng-app="myApp" ng-controller="myCtrl"> 
{{name }} 
</div>

コントローラコード


app.controller("myCtrl", function($scope, $swl,$timeout) { 
$scope.name = $swl.before("swl"); 
$timeout(function(){ 
$scope.name = $swl.after("swl"); 
},2000) 
})

3.フライターとの混合使用

HTMLコード


<div ng-app="myApp" ng-controller="myCtrl"> 
{{name | before}} 
</div>

フライヤーコード


app.filter("before",["$swl",function($swl){ 
return function(data){ 
return $swl.before("(filter,"+data+")"); 
} 
}])

上記は、AngularJSのカスタムサービスとXiaobianによって導入されたフラワーの混合使用です。私は皆を助けることを願っています。ご質問がある場合は、メッセージを残して、Xiaobianは時間内に返信します。 Script Houseのウェブサイトへのご支援をありがとうございます!


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ