从控制器调用的角度模态窗口不格式化内容

时间:2016-05-10 16:27:02

标签: javascript angularjs controller modal-dialog textwrapping

在提交请求之前,我需要验证与请求相关的数据以了解具体要求。我单击一个提交按钮来执行验证。如果发现任何错误,我将错误存储在每个错误之间带有
标签的字段中。然后我打开我的模态窗口,它显示如下。

enter image description here

我将$ modal添加到我的控制器

我以不同的方式调用模态窗口以获得最佳效果,但两者同样显示内容

我的代码列在下面

$ scope.modal =         {          标题:“标题”,          内容:“错误消息
新消息”         };

    $scope.open = function()
    {
     var modalInstance = $modal(
     {
      title: "Title 1",
      content: $scope.modal.content
     });
    };

    var myModal = $modal({
     title: "Title 2",
     content: "Error Message(s) <br /> new message 2",
     show: false
    });

    $scope.showModal = function()
    {
     myModal.$promise.then(myModal.show);
    };

    $scope.hideModal = function()
    {
     myModal.$promise.then(myModal.hide);
    };

两者都不能正确包裹线条。

我需要根据选择的选项和显示的数据在几个不同的提交上显示模态窗口。

TIA

1 个答案:

答案 0 :(得分:0)

我发现了我的答案。使用第一个选项: scope.modal = {title:&#34; Title&#34;,content:&#34; Error Message(s) 新消息&#34; };

$scope.open = function()
{
 var modalInstance = $modal(
 {
  title: "Title 1",
  content: $scope.modal.content
 });
};

我添加了以下内容:

模板:&#39; ... / ... / modal.tpl.html&#39;

这允许进程使用模态模板html并且输出格式正确。

感谢您的回复