tabs - 在 Angular UI 选项卡中获取范围

Question

我在选项卡（Angular UI）的上下文中遇到了角度范围的问题。

这是我的jsfiddle 示例（精简示例，显示多个选项卡上的字段，选项卡外有一个提交按钮）。

这是基本的html布局：

<form...>
  <tab>
    <pane>
      <input...>
    </pane>
  </tab>
</form>

查看jsfiddle 示例，如果我提交一个非常基本的表单，没有选项卡，我会看到 $scope.user 是一个对象。由于字段位于窗格（选项卡）内，因此范围不正确。如何访问 createUser 中提交的用户对象？

score 7 · Accepted Answer

问题是user模型深埋在隔离范围内。要使代码按预期工作，您需要去掉notalert的值。这显然不是一个解决方案。$scope.$$childHead.panes[0].$$nextSibling.user.first_name$scope.user

一个简单的解决方案是将一个空user对象添加到控制器范围。HTML 中的ng-model指令随后将绑定到该属性。您的控制器应如下所示：

function MyCtrl($scope) {
  $scope.user = {};
  $scope.createUser = function () {
    alert($scope.user);
  };
}

1 回答 1