Angular Bootstrap uibModal无法解析属性

时间:2015-11-11 07:16:50

标签: javascript angularjs

AngularJS bootstrap uiModel中未解析

角色属性。

var modalInstance = $uibModal.open({
  animation: $scope.animationsEnabled,
  templateUrl: 'myModalContent.html',
  controller: 'ModalInstanceCtrl',
  size: 100,
  resolve: {
    roles: function () {
         return $scope.roles;
    }
  }
});

请参阅ngRepeat代码,该代码读取角色的值并制作dom元素。



 <ul>
      <li ng-repeat="item in roles">
           <a href="#" ng-click="$event.preventDefault(); selected.item = item">{{ item.name }}</a>
      </li>
 </ul>
&#13;
&#13;
&#13;

控制台上也显示错误:错误:[$ injector:unpr]未知提供商:itemsProvider&lt; - items&lt; - ModalInstanceCtrl

1 个答案:

答案 0 :(得分:3)

经过某种研究后,我发现Angular只解析uiModel中的 items 属性,所以当用户想要从其他属性获取值时,angular就不能正确响应。

查找更新的代码

&#13;
&#13;
var modalInstance = $uibModal.open({
  animation: $scope.animationsEnabled,
  templateUrl: 'myModalContent.html',
  controller: 'ModalInstanceCtrl',
  size: 100,
  resolve: {
	 items: function () {
	  return $scope.userInfo;
	}
  }
});
&#13;
 <ul>
      <li ng-repeat="item in items.role">
        <a href="#" ng-click="$event.preventDefault(); selected.item = item">{{ item.name }}</a>
        </li>
 </ul>
&#13;
&#13;
&#13;

说明 $ scope.userInfo 是包含角色键的JSON对象,角色包含角色列表