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>