HTML模态标题属性AngularJS

时间:2015-08-07 08:41:11

标签: javascript jquery html angularjs modal-dialog

我正在尝试动态设置'模式的标题'使用AngularJS的视图(标题应该根据某些选定的用户而改变)。 HTML的格式为

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

在我的AngularJS文件中,我已经声明了两个范围变量

$scope.showModalRightsTable = false;

$scope.modalRolesTableTitle = null;

并且可见属性正常工作。正确分配了 modalRightsTableTitle 变量(firebug)。

我希望有人可以明确解释为什么可见属性绑定而标题没有并且可能提供解决方案。

我也尝试过 ng-attr-title =&#34; modalRolesTableTitle&#34; 但没有成功(它只显示文字&#39; modalRolesTableTitle&#39; )。

2 个答案:

答案 0 :(得分:0)

始终使用表达式进行绑定。

select id, sum(c) s from t1 where c=2 having not isnull(s)

请参阅example

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

请参阅此stackoverflow post

答案 1 :(得分:0)

它的解决方法可能非常适合您:

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

当然你必须设置:

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