Добрый день.
Попрошу учесть факт что я только начал изучать AngularJS, посему попрошу сильно не "гнобить"
Есть следующий пример HTML:
<input type="text" ng-model="myUrl" />
<div my-directive
some-attr="{{ myUrl }}"
my-link-text="Click me to go to Google">
</div>
И собственно сама директива:
angular.module('myApp', [])
.directive('myDirective', function() {
return {
restrict: 'A',
replace: true,
scope: {
myUrl: '@someAttr',
myLinkText: '@'
},
template: '<a href="{{myUrl}}">' +
'{{myLinkText}}</a>'
}
})
Вопрос:
В строчке HTML:
<input type="text" ng-model="myUrl" />
мы создаем свойство myUrl объекта scope данной области видимости (в моем понимании данного примера, это $rootScope)
Как видно с определения директивы, мы создаем изолированный scope.
Объясните, пожалуйста, как в этот isolated scope попадает свойство с $rootScope?
Или bind идет между isolated scope директивы ng-model и isolated scope моей директивы? Если так, объясните как это происходит.
З.Ы. Пытался найти ответ сам, не получилось
. Если есть ссылки на эту тему - буду благодарен.
Спасибо.