Javascript {{}内的值未按角度更新
我们使用嵌套角度指令的功能。我添加了一个可以观察到行为的简化示例 以下是HTML：Javascript {{}内的值未按角度更新,javascript,angularjs,angularjs-scope,angularjs-digest,Javascript,Angularjs,Angularjs Scope,Angularjs Digest,我们使用嵌套角度指令的功能。我添加了一个可以观察到行为的简化示例 以下是HTML： <body ng-app="myapp"> <div> This is the first directive <first-directive my-val="9"> </first-directive> </div> </body> 这是第一条指令 还有JavaScri
<body ng-app="myapp">
<div>
This is the first directive
<first-directive my-val="9">
</first-directive>
</div>
</body>
这是第一条指令
var app = angular.module("myapp",[]);
app.directive("firstDirective",function(){
return {
template:'<second-directive val-new={{myVal}}></second-directive>',
scope:{
myVal:'@'
},
//transclude:true,
link: {
pre:function(scope,elem,attr){
scope.myVal=scope.myVal+"1";
}
}
}
});
app.directive("secondDirective",function(){
return{
scope:{
valNew:'@'
},
link:{
pre:function(scope,elem,attr){
console.log(scope.valNew);
}
}
}
});
var-app=angular.module（“myapp”，[]）；
app.directive（“firstDirective”，function（）{
返回{
模板：“”，
范围：{
myVal:“@”
},
//是的，
链接：{
前置：功能（范围、要素、属性）{
scope.myVal=scope.myVal+“1”；
}
}
}
});
app.directive（“secondDirective”，function（））{
返回{
范围：{
valNew:“@”
},
链接：{
前置：功能（范围、要素、属性）{
console.log（scope.valNew）；
}
}
}
});
<second-directive val-new="9" class="ng-isolate-scope"></second-directive>>
>
我只是在寻找一种方法，使第二个指令中的范围变量对第一个指令范围中的链接变量所做的更改做出反应。因此，在另一个地方，当
myValapp.directive("firstDirective",function(){
return {
template:'<second-directive val-new="myVal"></second-directive>',
scope:{
myVal:'='
},
//transclude:true,
link: {
pre:function(scope,elem,attr){
scope.myVal=scope.myVal+"1";
}
}
}
});
app.directive("secondDirective",function(){
return{
scope:{
valNew:'='
},
link:{
pre:function(scope,elem,attr){
console.log(scope.valNew);
}
}
}
});
app.directive（“firstDirective”，function（））{
返回{
模板：“”，
范围：{
myVal:“=”
},
//是的，
链接：{
前置：功能（范围、要素、属性）{
scope.myVal=scope.myVal+“1”；
}
}
}
});
app.directive（“secondDirective”，function（））{
返回{
范围：{
valNew:“=”
},
链接：{
前置：功能（范围、要素、属性）{
console.log（scope.valNew）；
}
}
}
});
var app = angular.module("myapp",[]);
app.directive("firstDirective",function(){
return {
̶t̶e̶m̶p̶l̶a̶t̶e̶:̶'̶<̶s̶e̶c̶o̶n̶d̶-̶d̶i̶r̶e̶c̶t̶i̶v̶e̶ ̶v̶a̶l̶-̶n̶e̶w̶=̶{̶{̶m̶y̶V̶a̶l̶}̶}̶>̶<̶/̶s̶e̶c̶o̶n̶d̶-̶d̶i̶r̶e̶c̶t̶i̶v̶e̶>̶'̶
template:'<second-directive val-new="{{myVal+'1'}}"></second-directive>',
scope:{
myVal:'@'
},
//transclude:true,
link: {
pre:function(scope,elem,attr){
̶s̶c̶o̶p̶e̶.̶m̶y̶V̶a̶l̶=̶s̶c̶o̶p̶e̶.̶m̶y̶V̶a̶l̶+̶"̶1̶"̶;̶
}
}
}
});
var-app=angular.module（“myapp”，[]）；
app.directive（“firstDirective”，function（）{
返回{
"t,e,m,p,l,a,t,e:""
模板：“”，
范围：{
myVal:“@”
},
//是的，
链接：{
前置：功能（范围、要素、属性）{
"s,c,o,p,e","m,y,V,a,l","s,c,o,p,e","m,y,V,a,l"1"
}
}
}
});
属性（
“@”scope.myVal