Во-первых, то, что вы наблюдаете, не имеет ничего общего с привязкой <.

Проблема в том, что выражение {{hello}} внутри обеих директив не является частью шаблона этих директив. И для таких элементов правила привязки другие.

Angular автоматически создает функции ссылок для {{hello}} выражений. Но области, в которых оцениваются эти функции ссылок, в ваших случаях разные.

То, что вы, вероятно, ожидали, это:

            rootScope
         /             \
        /               \
attr-dir-new-scope  one-way-isoloate-scope
      /                   \
     /                     \
{{hello}}               {{hello}}

Однако, согласно этому комментарию в исходном коде:

             root scope
         /             \    \
        /               \    \
attr-dir-new-scope       \    one-way-isoloate-scope
      /                   \
     /                     \
{{hello}}               {{hello}}

link: function(scope){
     scope.hello = 'attrDir';
}

Обе области действия: true и scope:{} создадут дочернюю область для директивы. Но,

scope:true прототипически наследует свойства от родителя (скажем, контроллера, которому подчиняется директива), где asscope:{} не наследует свойства от родителя и, следовательно, называется изолированным

Так как oneWay — это директива изолированной области действия, и вы не передаете приветствие, поэтому оно не определено в HTML.

Если область не указана, это общая область. Если область действия указана как true, это наследуемая область. Если область действия указана в фигурных скобках, это изолированная область.

Лучший способ визуализировать области — использовать операторы console.log в функциях ссылок, например так:

link: function(scope) {          
      scope.hello = 'attrDir';
      console.log('scope in attrDir: ', scope);
    }

    link: function(scope) {          
          scope.hello = 'oneWay';
          console.log('scope in oneWay: ', scope);
        }

Если вы откроете инструменты разработчика, вы увидите, что первая директива наследует свою родительскую область в своем прототипе.

__proto__:Scope 

тогда как второй - это объект со своей собственной областью (используя фигурные скобки, вы дали ему изолированную область)

__proto__:Object

Поскольку вы реализуете привязки компонентов в директиве.

Символ ‹ обозначает односторонние привязки, которые доступны с версии 1.5.

Если вы хотите показать компонент hello в one-way, вам следует изменить реализацию, как показано ниже:

HTML

 <one-way hello="$ctrl.hello">
      <span>{{$ctrl.hello}}</span>
    </one-way>

JS

angular.module('test').component('oneWay', {
  bindings:{
    hello:'='
  },
  controller: function() {
    this.hello = 'oneWay';
  }
});

Демо

plnkr