获取Angular UI选项卡中的范围

发布时间：2020-12-17 17:44:54 所属栏目：安全来源：网络整理

导读：我在选项卡(Angular UI)的上下文中遇到了角度范围的问题. 这是我的jsfiddle example(缩小示例,显示多个选项卡上的字段,在选项卡外部有一个提交按钮). 这是基本的html布局： form... tab pane input... /pane /tab/form 看一下jsfiddle example,没有标签,如果

我在选项卡(Angular UI)的上下文中遇到了角度范围的问题.

这是我的jsfiddle example(缩小示例,显示多个选项卡上的字段,在选项卡外部有一个提交按钮).

这是基本的html布局：

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

看一下jsfiddle example,没有标签,如果我提交一个非常基本的表单,我会看到$scope.user是一个对象.由于字段位于窗格(选项卡)内,因此范围不正确.如何在createUser中访问提交的用户对象？

解决方法

问题是用户模型深埋在隔离范围内.为了使代码按预期工作,您需要提醒$scope的值.$$childHead.panes [0].$$nextSibling.user.first_name而不是$scope.user.这显然不是解决方案.

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!