AngularJS父範圍沒有更新子範圍

Question

嗨我有一些嵌套的菜單，我試圖從父級更改子範圍的顏色，但它不工作。這是簡化的代碼。

.directive('botMenuClick', function() { 
    return { 
     link: function(scope,ele,attrs){ 
      ele.bind('click', function(){ 
       if(ele.attr('homeBtn')==='true'){ 
        scope.$parent.setDisplay = {'color': '#fff'} // this applies to all children but not the one which is set in else condition 
       }else{ 
        scope.setDisplay = {'color': 'green'} 
       } 
       scope.$apply(); 
      }); 
     } 
    } 
}) 

所以，一旦我得到的其他條件和菜單顏色變爲綠色，然後不管它不會變成白色，即使我走在上面homeBtn條件。

Answer 1

這是因爲這就是原型繼承的工作原理。如果一個子對象設置一個與原型屬性同名的屬性，那麼這個子對象本身實際上是在創建一個隱藏父屬性的新屬性。從this mdn article：

「將屬性設置爲對象將創建自己的屬性。獲取和設置行爲規則的唯一例外是當存在具有getter或setter的繼承屬性時。

我的假設是，UI元素綁定到子範圍屬性，該子元素屬性在else條件設置之前不存在，所以一直到查找原型鏈的值爲setDisplay。只要else條件觸發setDisplay在子範圍上設置，隱藏其餘永恆的原型值。