Угловое js привязка к атрибуту title

Question

Мне нужна помощь в попытке привязать следующую переменную к атрибуту HTML с помощью Angular JS. В моем файле контроллера у меня есть этот

controller.js

$scope.errorDialog = function(errorTitle, errorMessage){ 
     $scope.errorTitle = errorTitle; 
     $scope.errorMessage = errorMessage; 
     $("#dialog-confirm").dialog('open'); 
} 

параметры errorTitle и ErrorMessage оба установлены в другой функции.

В моем HTML файл у меня есть это окно сообщения об ошибке (с помощью Jquery UI)

abc.html

<div title="{{errorTitle}}" id="dialog-confirm" > 
     <p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>{{errorMessage}}</p> 
</div> 

По какой-то причине не отображается название. Я попытался изменить его на ng-attr-title = "{{errorTitle}}", но это тоже не сработает. Я также попытался использовать функцию в атрибуте title и вернуть значение errorTitle, но это тоже не работает.

Answer 1

я вижу две возможные проблемы здесь:

1. Вы уверены, что вы делите $ объем контроллера с помощью диалога?

Если div, создающий ваш диалог, недоступен вашим контроллером, что означает, что он не является узлом DOM в поддереве дочерних элементов корневого элемента вашего контроллера, он не отображает свойства (и не даст никаких ошибок)

2. Где вы называете $ scope.errorDialog?

Если вы используете этот вызов за пределами цикла $ digest, вы можете решить эту проблему, вызвав $scope.$apply после установки свойств. Это будет не самое лучшее решение, хотя, было бы лучше, чтобы обернуть вызов этой функции следующим образом

$scope.$apply(function() { 
    $scope.errorDialog('title', 'message'); 
}) 

Это позволит AngularJS в конечном счете перехватывать ошибки произошло во время выполнения $scope.errorDialog