javascript - Angular Material 的进度循环指令不起作用

标签 javascript angularjs angular-material

我试图使用 Angular-Material 的指令“md-progress-circular”( https://material.angularjs.org/latest/demo/progressCircular ) 显示渐进式圆形符号。我已包含 Angular-Material.js 和 Angular-Material.css 文件。但我仍然无法在 View 上看到任何圆形符号。

我在html文件中编写的代码是-

<md-progress-circular md-mode="determinate" value="{{host.volumePercentage}}" md-diameter="25"></md-progress-circular>

提前致谢。

最佳答案

给你!这直接来自他们的文档。您必须确保确定值根据您正在等待的任何事件适当增加。

var demoApp = angular.module('demo', ['ngMaterial']);
demoApp.controller('demoController', function($interval, $scope) {

});
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
<!-- Angular Material requires Angular.js Libraries -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>

<!-- Angular Material Library -->
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>

<body ng-app="demo">
  <div ng-controller="demoController">
    <md-progress-circular md-mode="indeterminate"></md-progress-circular>

  </div>
</body>

关于javascript - Angular Material 的进度循环指令不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38260314/

相关文章:

javascript - JS Regex - 匹配每个未转义的特定字符

javascript - 运行一个 javascript cucumber capybara 它停止

javascript - AngularJS 动态模板

javascript - url 中不需要的哈希 '#',在 angularjs 中使用 $routeProvider

使用 FormArray 的 Angular Material 可编辑表

javascript - 来自 .charCodeAt() 的 ROT13 密码?

javascript - axios:如何拦截和响应axios请求

java - 在 jhipster 应用程序中将 .docx 文件从服务器发送到客户端

html - 页面上方的页眉滚动 HTML CSS

angular - 我可以在 Angular/Angular Material 中以编程方式移动 mat-h​​orizo​​ntal-stepper 的步骤吗