was ist der bessere Weg, um die dynamische Sendung Tracker durch Angular JS
Am zu schaffen versuchen Sendung Tracker in Angular mit HTML5 & CSS3 zu erstellen. Kann jemand beraten, wie man den oben genannten Sendungsverfolger durch Angular JS dynamisch erzeugt.
Für jetzt habe ich geplant, mit ng-animate für den Tracker zu starten.
Vielen Dank im Voraus.!
Nach einer langen Suche .. Ich habe versucht, HTML Progress Bar für mein Tracking zu verwenden.
Wir können den Wert des Fortschritts basierend auf Ihrem Versandstatus aktualisieren. Für jetzt habe ich $interval, die den Fortschritt für alle drei Sekunden aktualisiert.
var app = angular.module("progress_app", []);
\t app.controller('testCtrl',function($scope, $interval){
\t $scope.progress_value=5;
\t $scope.heading="Shipping Tracker";
$scope.callAtInterval = function() {
if($scope.progress_value <=100){
\t \t $scope.progress_value = $scope.progress_value * 2;
\t }else{
\t \t $scope.progress_value = 5;
\t }
\t
}
$interval(function(){ $scope.callAtInterval(); }, 3000);
\t });.tracker {
\t \t width:80%
\t }<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body ng-app="progress_app" ng-controller="testCtrl">
\t \t <h3 ng-bind='heading'> </h3><br/><br/>
\t \t <progress value="{{progress_value}}" max="100" class="tracker">
\t \t </progress>
</body>
</html>