AngularJS Изменить Scope в директиве Шаблоне

Question

У меня есть угловая директива:

app.directive('myStyle', function($location) { 
    return { 
    scope: { 
     myCSSFile: "=" 
    }, 
    //template: '<link href="style.css" rel="stylesheet" />', 
    template: '<link href="{{ myCSSFile }}.css" rel="stylesheet" />', 
    link: function(scope,el, attr) { 
     var absUrl = $location.absUrl(); 
     console.log(absUrl); 

     if (absUrl == 'http://run.plnkr.co/KDRUOzkRgvgCzdzy/') { 
     console.log("Found"); 
     scope.myCSSFile = 'style'; 
     } 
     else { 
     console.log("Not found"); 
     scope.myCSSFile = 'style2'; 
     }  
    } 
    }; 
}); 

Как я связать значение {{ myCSSFile }} внутри шаблона на основе функции в моей link?

Plunkr: http://plnkr.co/edit/I6om40ZfRZbETwsbl3MO?p=preview

Answer 1

Вы не можете использовать два способа связывания для myCSSFile с неопределенным значением. Так что если вы хотите изолированную сферу вы можете изменить его, чтобы связать с @ или создать новую область:

scope: true, // plunker1 
scope: { // plunker2 
    myCSSFile = '@' 
}, 

Punker1, Plunker2