Установка двухстороннего связанного атрибута директивы в HTML с AngularJS

Я только начинаю с AngularJs и сталкиваюсь с проблемой, которая может быть результатом неправильного понимания директив/контроллеров/изолированной области. Я пытаюсь найти способ установить атрибут директивы true/false из html и сохранить свойство на контроллере в соответствии с этим атрибутом. То, с чем я работаю, это:

1. Контроллер (LoginController) со свойством signUpEnabled

2. Директива (myLogin), которая возвращает это:

       var directive = {
       bindToController: true,
       controller: 'LoginController',
       controllerAs: 'loginVm',
       templateUrl: 'login/my-login.directive.html',
       restrict: 'E',
       scope: {
           signUpEnabled: '='
       }
   };
   

3. HTML, где директива используется так:

   <my-login sign-up-enabled="true">

Я получаю ошибку: Error: [$compile:nonassign] Expression 'true' used with directive 'frintLogin' is non-assignable!

Он работает нормально, когда я устанавливаю signUpEnabled в false в HTML - возможно, потому, что это свойство инициализируется в контроллере. Я собираюсь сделать это неправильно или я что-то пропустил (например, наблюдая signUpEnabled в функции ссылки?)

Спасибо за вашу помощь. Не уверен, что это хороший способ сделать что-то, но я думаю, что могу получить поведение, которое хочу, добавив эту ссылку в директиву (после изменения привязки signUpEnabled в области выделения к '@'):

    function link(scope, element, attrs, ctrl) {
        $timeout(function() {
            ctrl.signUpEnabled = scope.$eval(attrs.signUpEnabled)
        });            ;
    }