获取Angular UI选项卡中的范围

前端之家收集整理的这篇文章主要介绍了获取Angular UI选项卡中的范围前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在选项卡(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);
  };
}

猜你在找的Angularjs相关文章