HTML模式標題屬性AngularJS

Question

我正在嘗試使用AngularJS動態設置“模態”視圖的標題（標題應針對某些選定用戶而更改）。 HTML的形式

<modal  title="modalRolesTableTitle" visible="showModalRolesTable"> SOME CONTENT</modal>

在我的AngularJS文件中，我聲明了兩個作用域變量

$scope.showModalRightsTable = false;

$scope.modalRolesTableTitle = null;

並且visible屬性工作正常。 正確分配了modalRightsTableTitle變量（firebug）。

我希望有人可以明智地解釋功能，為什么可見屬性綁定而標題不綁定，也許可以提供解決方案。

我也嘗試了ng-attr-title =“ modalRolesTableTitle”但沒有成功（它只顯示文本'modalRolesTableTitle' ）。

Answer 1

始終使用表達式進行綁定。

<modal  title="{{modalRolesTableTitle}}" visible="{{showModalRightsTable}}"> SOME CONTENT</modal>

看例子

如果您使用的是AngularJS 1.1.4及更高版本，則可以使用ng-attr-title

看到這個stackoverflow帖子

Answer 2

可以解決這個問題，但是也許該解決方案可能適合您：

var myEl = angular.element( document.querySelector( '#myModal' ) );
myEl.attr('title',"My tooltip");

當然，您必須設置：

<modal id="myModal"  title="" visible="{{showModalRightsTable}}"> SOME CONTENT</modal>