角度控制器 - 无法显示值

这应该是一个非常容易的问题，你们大多数人，但我是一个有角度的初学者..所以，我试图显示一个进度条（就像一个测试的时刻），但我无法更新的价值。角度控制器 - 无法显示值

一个例子可以在这里找到：http://jsbin.com/cuvedoteye/edit?html,output

这里的控制器代码：

.controller('test', ['$scope', function ($scope) { 
     $scope.progress = function() { 
      var display = 100 * (Date.now() % 60)/60; 
      return display; 
     } 
    }])

和这里的HTML：

<h3>ProgressBar</h3> 
<progress ng-controller="test" value="progress()"></progress>

为什么它不工作？感谢您的帮助

编辑

与NG-值而不是值更新代码： http://jsbin.com/jujewiboya/edit?html,output

我可以看到它在搬到这里，但在我的例子，我不能，这是只是全蓝

来源

2016-01-26 Nick

从哪里来？你有没有在某个地方定义一个指令？ – Subash

进度是一个HTML 5标记：http://www.w3schools.com/tags/tag_progress.asp – Nick

哦。我不知道那个标签。让我试着看看你的代码有什么问题。 – Subash

功能progress只运行onсe - 控制器创建时。

尝试使用$interval。这里有demo与指令和$interval。

来源

2016-01-26 11:34:52

尝试NG-value属性的值，而不是在标签

来源

2016-01-26 11:12:38

与ng值我可以看到价值标签中的东西，但我真的想看到酒吧移动...我拥有的是一个完整的进度条。这是我必须改变控制器功能的东西吗？ – Nick

你可以请尝试定义max attr吗？ –

实际上，如果我在上面的jsbin链接中添加ng值，我可以看到它正在移动，但是在我的代码中它不会因为某种原因而移动。 – Nick

你必须改变value到ng-value。

<h3>ProgressBar</h3> 
<progress ng-controller="test" ng-value="progress()"></progress>

这里是一个js-fiddle

来源

2016-01-26 11:21:28 Subash

如果我将其更改为ng值，我无法看到它移动。为什么？ – Nick

好的。你所要做的并不是那么容易实现的。我宁愿使用css动画来模拟加载。这是一个选项吗？ – Subash

是的，我的意思是，我只是做一些概念证明，然后开始我的真实项目，我认为这会很容易，但我可以评估不同的选项没有任何问题 – Nick

角度控制器 - 无法显示值

回答

相关问题