Question

我在AngularJS应用中使用Material Design，我想在我的页面加载时添加进度条。

MD使用md-progress-*指令来获取加载栏：

recv_from

在我的应用中，我尝试在<md-progress-linear md-mode="determinate" value="..."></md-progress-linear>上完成加载进度：

HTML：

$viewContentLoaded

JS：

<html ng-app="app">
    <body ng-controller="AppCtrl">
        <md-progress-circular ng-if="determinateValue === 100" md-mode="determinate" value="{{determinateValue}}"></md-progress-circular>
        ...
    </body>
</html>

但它不起作用，我没有任何错误。

PS。 'use strict'; angular.module('app', ['ngMaterial', 'ngAnimate']) .controller('AppCtrl', function ($scope) { $scope.determinateValue = 0; $scope.$on('$viewContentLoaded', function(){ $scope.determinateValue = 100; }); });标记从DOM中消失。

Answer 1

首先，使用md-mode="indeterminate"，因为您的加载是二进制的，只有两个状态。摆脱ng-if并使用绑定到value的{{1}}属性。所以：

$scope.determinateValue

我将<md-progress-circular md-mode="indeterminate" value="determinateValue"></md-progress-circular>重命名为更精确和反思的内容。标签也会消失，因为确定的值总是在某个点被分配给determinateValue，即您的内容正在加载

如何在AngularJS MD中使用<md-progress-linear>？

1 个答案: