Angularjs Angular.js指令-尝试修改范围,但得到意外标识符
在Angular.js中,我试图用指令更新控制器中的$scope值。我选择了“=”,因为它是双向绑定…指令正在更新范围变量 但是我得到了带有countfrom=“7777”的Angularjs Angular.js指令-尝试修改范围,但得到意外标识符,angularjs,Angularjs,在Angular.js中,我试图用指令更新控制器中的$scope值。我选择了“=”,因为它是双向绑定…指令正在更新范围变量 但是我得到了带有countfrom=“7777”的意外标识符。我正在尝试更新控制器中存在的$scope.countDownTicker。我还希望777值显示在html中。我没有返回模板,因为html代码已经存在 angular.module('monitorApp', []) .directive("countDown", function () { return
意外标识符。我正在尝试更新控制器中存在的$scope.countDownTicker
。我还希望777值显示在html中。我没有返回模板,因为html代码已经存在
angular.module('monitorApp', [])
.directive("countDown", function () {
return {
scope: {
countfrom: "="
}
countfrom = "7777"
}
});
<span class="info-test" count-down countfrom="{{countDwnTicker}}"></span>
角度模块('monitorApp',[])
.指令(“倒计时”,函数(){
返回{
范围:{
countfrom:“=”
}
countfrom=“7777”
}
});
如本演示所示,需要进行修改。主要是:
及
{{countdowntticker}
强烈建议阅读我对问题的评论中提供的链接。需要了解如何构建它们。可以在不使用任何指令的情况下更新该范围值。在您的特定情况下,您的最终目标是什么?这只是学习/实验…在本例中,更新指令中的现有范围值(我想使用指令)。在这种情况下,请参阅下面的答案,作为使用指令的初始步骤。但一定要看上面提到的文件。:)我的印象是,在使用
作用域:{countFrom:“=”}
Yeslink
函数是DOM和指令之间的链接时,我不必显式返回链接函数。如果没有隔离作用域,那么指令中只有这一行就足够了:returnfunction(scope){scope.countDownTicker=777;}
app.directive("countDown", function () {
return {
scope: {
countFrom: "="
},
link: function(scope){
scope.countFrom = 777;
}
}
});
<span count-down count-from="countDownTicker">{{ countDownTicker }}</span>