Question

我正在尝试实现角度模式，我有一个模态的外部模板，但它显示为空白。怎么了？

<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <link data-require="bootstrap-css@3.3.1" data-semver="3.3.1" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
    <script data-require="angular.js@1.3.13" data-semver="1.3.13" src="https://code.angularjs.org/1.3.13/angular.js"></script>
    <script data-require="angularstrap@*" data-semver="2.1.2" src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/2.1.2/angular-strap.min.js"></script>
    <script data-require="angularstrap@*" data-semver="2.1.2" src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/2.1.2/angular-strap.tpl.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <button class="btn btn-default" content-template="customer.tpl.html" bs-modal="modal">New Customer</button>
  </body>

</html>

Here's link to Plunker

Answer 1

您需要解决的一些事情：

第一个是用content-template替换data-template，第二个是如果你有ng-bind="title"，你需要在范围上有一个标题变量，因为{{1} }将它所绑定的内容替换为HTML元素的内容：

ng-bind

要查看模式中的文字，请从正文中删除<body> <button class="btn btn-default" data-template="customer.tpl.html" bs-modal="modal">New Customer</button> </body>，或为ng-bind="content"变量指定一些值。

Working Plunker

来源：http://mgcrea.github.io/angular-strap/##modals-examples

角度模式显示为空

1 个答案: