0

我有以下plunkr（下面的代码）

我在角度模板之间切换。每个模板都有来自项目的progressbar指令。angular-ui

第一个模板具有属性'animate=false'，而其余模板具有 animate=true。

我特意修改了模板，使它们彼此不同。一个是空白的，其他的有包装的 div 等等......

然而，animate属性值的变化，却是被忽略的变化。所有指令都使用false.

我无法修改指令的实施。

  • 我怎样才能使最后 2 个模板动画进度变化

这是我生成的模板

angular.module("myProgressBarApp").run(["$templateCache", function($templateCache) {
  $templateCache.put("first.html",
    '<div>hello world</div><div><progressbar animate="false" value="progressPercentage" id="mograbi" class="progressbar"> <b>{{progressPercentage}}%</b></progressbar></div>');
      $templateCache.put("second.html",
    '<progressbar animate="true" id="guy" value="progressPercentage" type="primary" class="progressbar"> <b>{{progressPercentage}}%</b></progressbar>');
    $templateCache.put("third.html",
    'this is third');
    $templateCache.put("fourth.html",
    '<progressbar animate="true" id="guy3" value="progressPercentage" type="primary" class="progressbar"> <b>{{progressPercentage}}%</b></progressbar>');
    $templateCache.put("fifth.html",
    '<progressbar animate="true" id="guy4" value="progressPercentage" type="primary" class="progressbar"> <b>{{progressPercentage}}%</b></progressbar>');
}
]);
4

2 回答 2

2

我在这里有你想要的工作版本。你会注意到我使用的一般模式是：

 $timeout( function(){
    $scope.progressPercentage = 0;
    $scope.includeRoute = "second.html"
  }, 1000);
  $timeout( function(){$scope.progressPercentage = 88;
       }, 1100);

请注意我如何为每个模板设置 2 次超时；您必须给进度条一些时间来更改值。

于 2014-07-19T17:52:06.313 回答
0

如果您恢复到以前的版本，您的演示可以正常工作ui-bootstrap-tpls-0.10.0.js

DEMO

可能最好在 angular-ui 问题跟踪器中将此作为可能的错误报告

于 2014-07-19T15:48:38.173 回答