Question

<div class="progressMain">
    <div class="stocking progressWrap progress" data-progress-percent="33">
       <div class="progressBar progress stocking"></div>
       <div class="progressText">In Progress 3 of 7 steps</div>
    </div>
</div>

我的指令范围内有data-progress-percent值，但我不确定如何在data-progress-percent中解析范围值。我尝试了data-progress-percent = {{value}}，但它没有用。知道如何在div类中解析范围变量吗？

Answer 1

使用$timeout()。它会解决你的问题。 $timeout()将在下一个$digest周期内运行。

Answer 2

将控制器中的strErr123变量传递给scope。然后使用指令directive显示百分比值（可能是在指令链接函数中进行一些计算后）。

DEMO - http://plnkr.co/edit/8DZzSjcpDqRworpxQrAs

<强> HTML ：

template

<强> JS ：

<body ng-app="myApp" ng-controller="myController">
     <div class="progressMain">
        <div class="stocking progressWrap progress" progress-percent="percentValue">
        </div>
     </div>

     <br/><br/>
     <div>Enter percentage value to be passed to directive and used as in directive template:</div>
     <br/>
     <input type="text" ng-model="percentValue" />
</body>

希望它有所帮助。

如何解决Div类内的角度范围变量

2 个答案: