ее рабочий плункер с привязкой данных http://plnkr.co/edit/qtfEPfbNTZHHUEBhGYye?p=preview

есть много подробных чтений по сети

http://weblogs.asp.net/dwahlin/creating-custom-angularjs-directives-part-2-isolate-scope

http://www.bennadel.com/blog/2726-isolate-scope-two-way-data-binding-is-eventually-consistent-in-angularjs.htm...

Вы должны создать переменную области видимости для своей директивы, чтобы директива могла узнать, какая переменная связывает ее

HTML

  <div ng-controller="Controller">
    {{email}} &lt;== should become test on launch

    <my-dialog email="email"></my-dialog>

    <button ng-click="click()">click</button>  &lt;== should turn both in tst
  </div>

template my-dialog.html

<div class="alert">
      email is :- {{email}}!
</div>

JS

  angular.module('docsTransclusionExample', [])
    .controller('Controller', ['$scope', function($scope) {
      $scope.email = '[email protected]';

      $scope.click = function(){
        $scope.email = "tst";
      }
  }])
  .directive('myDialog', function() {
      return {
        restrict: 'E',
        scope : { // this create an isolated scope
           email:'='   // the email attribute is binded two way with '=', there is also '@' and '&'
        },
        templateUrl: 'my-dialog.html'

      };
    });

Обновление2 фактически устраняло проблему.

    controllerAs: "chipBarController",
    bindToController: {
        activated: "="
    },

сделал все, что нужно,

имел только опечатку в моем коде

Спасибо всем, кто помог, особенно @Claies

Я согласен с рекомендациями, говоря, что у вас, вероятно, проблема дизайна, но "плохо дает вам способ делать то, что вы хотите".

Используйте директиву ng-model и контроллер, после чего вы можете читать/наблюдать за изменением/изменением значения :)

См. Учебник здесь: https://www.nadeau.tv/using-ngmodelcontroller-with-custom-directives/

EDIT: хорошо, если вы можете использовать надлежащее связывание, у меня есть довольно грязный и хитрый способ сделать это: на основе этой документации: https://docs.angularjs.org/api/ng/function/angular.element

Добавьте атрибут, который будет содержать путь поля в виде строки в области контроллера (abc, если он в $ scope.abc), как это

Получите родительский элемент вашей директивы с помощью параметра angle.element() и получите его область действия с помощью метода scope (в документации). Затем вызовите метод $ eval, если эта область как это, чтобы прочитать theScope. $ Eval (attrs.fieldsPath); и с $ eval вы также сможете обновлять значения с помощью метода Object. $ eval (attrs. fieldsPath+ = 'myValue'). Если это не сработает, вам придется разделить строку на ".". и перемещаться по объекту области для записи в нужном поле.

var value = $scope;
var tab  = attrs.fieldPath.split('.');
for(i = 0; i < tab.length && value; i++){
    value = value[tab[i]];
}