`ng-attr-id`和`id`无法使用uibModal从角度CTRL打开

时间:2017-08-17 15:26:04

标签: angularjs angular-ui-bootstrap bootstrap-modal

我试图从角度(1.6.X)ctrl打开一个模态。我有一个使用$uibModal解决方案的OK解决方法,但我很好奇以下是时间问题还是我设置得不好的事情。

// angular ctrl
stepsCtrl.openModal = function(step) {
  var templateUrl = "step-" + step.id + "-modal.html";

  var modalInstance = $uibModal.open({
    ... modal instance config ...
    templateUrl: templateUrl
  })
}

// step index HTML
<li class="list-group-item"
    ng-repeat="step in stepsCtrl.mainSteps"
    ng-click="stepsCtrl.openModal(step)">
  <script type="text/ng-template"
          // ALSO TRIED THIS USING id="step-{{ step.id }}-modal.html" 
          ng-attr-id="{{ 'step-' + step.id + '-modal.html" }}">
    ... some stuff for modal ...
  </script>

看一下DOM,我看到每个li上都有正确ID的脚本 enter image description here

但是我在ng-click事件中收到此错误:

enter image description here

任何想法都赞赏。

0 个答案:

没有答案