Angularjs 使用MobileAngulari动态生成模态

我正在为我的移动web应用程序使用移动Angular UI框架

解释如何生成modals的指令（它们稍微改变了引导框架）

我设法重现了这个示例，但是当我将指令包装成ng repeat以生成多个模态时，它就不再起作用了

  <div ui-content-for="modals">
    <div   ng-repeat="p in UseCaseCtrl.getProjects()" >
      <div class="modal" ui-if="modal{{ p.getId() }}" ui-state="modal{{ p.getId() }}">
        <div class="modal-backdrop in"></div>
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button class="close" 
                      ui-turn-off="modal{{ p.getId() }}">&times;</button>
              <h4 class="modal-title">{{ p.getName() }}</h4>
            </div>
            <div class="modal-body">

                ...Lorem...

            </div>
            <div class="modal-footer">
              <button ui-turn-off="modal{{ p.getId() }}" class="btn btn-default">Close</button>
              <button ui-turn-off="modal{{ p.getId() }}" class="btn btn-primary">Save changes</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>        

&时代；
{{p.getName（）}}
…洛勒姆。。。
接近
保存更改

根据我的经验，这个问题似乎来自ui state=“modal{{p.getId（）}}”，因为当我只硬编码那个问题（即set ui state=“modal1”）时，它会再次工作

我遗漏了什么吗？有没有办法用ng repeat生成情态动词

谢谢

我在控制器中使用了

ng click=“functionName（p.getId（））

，而不是

ui-open=“modal{{p.getId（）}

详情：

$scope.functionName = function (id) {
    SharedState.initialize($rootScope, 'modal'+id); 
    $rootScope.Ui.turnOn( 'modal'+id);
}; 

注意：您需要控制器中的注入SharedState

---

我成功了！

太好了，它工作得很好！我创建了一个模式，用户可以在其中进行一些更改，并在“保存”时触发一个PUT请求。如果该承诺返回成功，则以下代码关闭我的模式：

$rootScope.Ui.turnOff（'nameOfModal'）；