javascript - Angularjs 表达式未显示在 ngDialog 模板中

Question

除了使用 ngDialog 库之外，我还使用 ng-repeat 从 Firebase 填充用户对象。我的目标是，当您单击“查看”按钮时，会弹出一个小对话框，您可以在其中查看用户的详细信息。但是，我尝试遵循 ngDialog 的文档，但我的弹出模板未呈现任何表达式。

数据模型:

{
"members": {
"-JWT5y43YFy1mGirVVS2": {
  "date": 1410328158691,
  "firstname": "Michael",
  "image": "http://telehealth.org/wp-content/images/user-placeholder.jpg",
  "upcoming": "PTO on Thursday",
  "status": {
    "color":  "red",
    "contact": {
      "email": "test@email.com",
      "yahoo": "yahooIM"
    },
    "projects": {
      "projectone": "project one",
      "projecttwo": "project two",
      "projectthree": "project three",
      "projectfour": "project four",
      "projectfive": "project five",
      "projectsix": "project six",
      "projectseven": "project seven",
      "projecteight": "project eight",
      "projectnine": "project nine",
      "projectten": "project ten"
    }
  }
},
"-JWT65QvjwD4TSFjDx4V": {
  "date": 1410328192928,
  "firstname": "Magic",
  "image": "http://telehealth.org/wp-content/images/user-placeholder.jpg",
  "upcoming": "PTO on Thursday",
  "status": {
    "color":  "yellow",
    "contact": {
      "email": "test@email.com",
      "yahoo": "yahooIM"
    },
    "projects": {
      "projectone": "project one",
      "projecttwo": "project two",
      "projectthree": "project three",
      "projectfour": "project four",
      "projectfive": "project five",
      "projectsix": "project six",
      "projectseven": "project seven",
      "projecteight": "project eight",
      "projectnine": "project nine",
      "projectten": "project ten"
    }
  }
}

HTML:

<ul class="cbp-rfgrid" ng-repeat="member in members">
  <li class="{{member.status.color}}">
    <div class="dripicon profilephoto">&#xe084;</div>
    <div>
        <h3>{{member.firstname}}</h3>
        <div class="dripicon actions" 
            ng-click="viewStatus()">&#xe077;</div>

        <div class="dripicon actions" 
            ng-click="editStatus()">&#xe036;</div>
    </div>
  </li>
</ul>

Controller :

myApp.controller('MembersController', function($scope, $firebase, $location, ngDialog){

var ref = new Firebase('https://scrumcheck.firebaseio.com/members');
var members = $firebase(ref);

$scope.members = members.$asObject();

  $scope.viewStatus = function(){
    ngDialog.open({ template: 'views/popupTmpl.html' });
  }

  $scope.editStatus = function(){
    //not entered yet
  }

});

popupTmpl.html

<p>External modal template with external scope: <code>{{member.firstname}}</code></p>

当我点击“查看”按钮并触发 viewStatus() 函数时，我没有得到任何有关 {{member.firstname}} 的信息 - 有人根据您所看到的内容提出任何建议吗？

再次感谢!

Answer 1

在popupTmpl.html中，您必须编写ng-repeat =“member in Members”然后编写{{memeber.firstname}}