angular-ui-bootstrap:使用popover-html在popover中实现html

时间:2015-10-02 16:18:48

标签: angularjs angular-ui-bootstrap

我正在尝试实现一个弹出窗口,以便在单击一个glyphicon时激活。在popover中我想显示一个转到新页面的链接。

我正在使用angular-ui版本0.13.4。

我发现:Angularjs ui bootstrap - put html inside popover所以我正在尝试做类似的事情。

我的html看起来像<i class="glyphicon glyphicon-info-sign" popover-html="displayLinkGoToWorkflowAssessment(studentInfo)" popover-title="In Progress"></i>

在我的控制器中:

$scope.displayLinkGoToWorkflowAssessment = function (studentInfo) { return '<a ng-href="/assessment/workflowAssessment/{{$routeParams.accountID}}/{{studentInfo.Student.StudentID}}/{{studentInfo.WorkflowAssessmentVersionID}}">Jody</a>'; }

链接出现但单击时没有任何反应。

我也试过了:

$scope.displayLinkGoToWorkflowAssessment = function (studentInfo) { return '<a href="/assessment/workflowAssessment/" + $routeParams.accountID + "/" + studentInfo.Student.StudentID + "/" + studentInfo.WorkflowAssessmentVersionID">link</a>';

我收到错误:the sanitizer was unable to parse the following block of html <a href="/assessment/workflowAssessment/" + $routeParams.accountID + "/" + studentInfo.Student.StudentID + "/" + studentInfo.WorkflowAssessmentVersionID">link</a>

我不太清楚我缺少什么让这个工作。

感谢您的帮助!

0 个答案:

没有答案