javascript - 如何将 Angular 数据传递给圆形进度?

标签 javascript angularjs dom

我有这些代码将数据从 Controller 传递到 View :

                    <div class="subject-name subject-eng">
                        {{SubjectData['eng']['subject']}}  <!-- Works -->
                        <br/>
                        {{SubjectData['eng']['value']}} <!-- Works -->
                        <br/>
                        {{SubjectData['eng']['color']}}  <!-- Works -->
                    </div>
                    <circular-progress
                        value = "{{SubjectData['eng']['value']}}"  <!-- Did not Works -->
                        max="100"
                        orientation="1"
                        radius="36"
                        stroke="5"
                        base-color="#fff"
                        progress-color="yellow"
                        iterations="100"
                        animation="easeInOutCubic"
                    ></circular-progress>

但是,传递给circular-progress中的value的数据根本不起作用。将数据传递给循环进度值的正确方法是什么?

最佳答案

感谢leroydev ,你救了我的命。我通过修改代码找到了解决方案,如下所示

                <circular-progress
                    value = "SubjectData.eng.value"  <!-- Works perfectly! -->
                    max="100"
                    orientation="1"
                    radius="36"
                    stroke="5"
                    base-color="#fff"
                    progress-color="yellow"
                    iterations="100"
                    animation="easeInOutCubic"
                ></circular-progress>

我通过阅读第 56 行的说明找到了解决方案:

pistou/angular-circular-progress

enter image description here

关于javascript - 如何将 Angular 数据传递给圆形进度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39492700/

相关文章:

php - 在 <li> 上设置一个事件类,但 javascript 无法正常工作

javascript - 在大多数 OOP 语言中,实例方法中的 "i"是否首先引用本地,然后引用全局,但从不引用实例变量或类变量?

javascript - 使用 AngularJS 和 PHP 发送电子邮件

PHP 使用 DOMDocument 从 URL 中检索内部 HTML 作为字符串

javascript - 外部JS文件无法执行

javascript - 如何隐藏 div 直到某个字段值大于零

angularjs - 仅将类添加到 AngularJS 中的特定 ng-repeat

javascript - 仅在第一次访问 Angular 时显示页面的最佳方式是什么?

javascript - 如何在不移除子元素的情况下移除包装器(父元素)?

javascript - 正则表达式,如果捕获组匹配字符串